.mf_image_card {
  display: flex;
  align-items: flex-end;
  justify-items: center;
  height: 600px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding: 24px;
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: inset 0 00px 0px 1000px rgba(0, 0, 0, 0.5);
}

.mf_image_card_title {
  font-size: var(--font-size-xl);
  color: white;
  text-transform: uppercase;
  font-family: "Lato-Light";
}

@media (max-width: 60rem) {
  .mf_image_card {
    height: 300px;
  }
}