.service-card {
  min-height: 500px;
  overflow: hidden;
  border-radius: 9px;
}

.service-media {
  height: 210px;
  margin: -30px -30px 26px;
  overflow: hidden;
  background: #191d22;
  border-bottom: 3px solid var(--red);
}

.service-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.service-card:hover .service-media img {
  transform: scale(1.035);
}

.service-card h3 {
  margin-top: 16px;
}

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

  .service-media {
    height: 230px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-media img {
    transition: none;
  }
}