.service-card {
  justify-content: flex-start;
  min-height: 500px;
  overflow: hidden;
}

.service-photo {
  display: block;
  height: 230px;
  margin: 20px -28px 28px;
  max-width: none;
  object-fit: cover;
  width: calc(100% + 56px);
}

.service-content {
  margin-top: auto;
}

@media (max-width: 900px) {
  .service-card {
    min-height: 0;
  }

  .service-photo {
    height: clamp(220px, 48vw, 360px);
  }
}

@media (max-width: 640px) {
  .service-photo {
    height: clamp(190px, 58vw, 260px);
  }
}