.page-hero--services {
  --page-image: url('images/2.webp');
}

.service-index-card {
  padding: 0 24px 24px;
  overflow: hidden;
}

.service-index-card img {
  display: block;
  width: calc(100% + 48px);
  height: auto;
  aspect-ratio: 16 / 10;
  margin: 0 -24px 22px;
  object-fit: cover;
  object-position: center;
}

.service-index-card h2,
.service-index-card p,
.service-index-card a {
  position: relative;
}

@media (max-width: 620px) {
  .service-index-card img {
    height: auto;
    aspect-ratio: 16 / 10;
  }
}