.text-content {
 font-family: "Open sans", sans-serif;
 padding: 5px;
 font-weight: bold;
}


.course-container {
 margin-top: 2rem;
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 align-items: flex-start;
 justify-content: flex-start;
}

.card {
 height: 25rem;
 width: 18rem;
 margin: 1rem;
 display: flex;
 padding: 0;
 flex-direction: column;
}

.card .img-container {
 height: 50%;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
}

@media screen and (max-width: 442px) {
 .card {
  height: 15rem;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
 }

 .card .img-container {
  width: 100%;
  height: 100%;
 }

 .card .text-content {
  font-size: 1.5rem;
 }
}