.support-hero .page-hero-image,
.support-hero .page-hero-image:has(img) {
  aspect-ratio: 1458 / 768;
  border-radius: 0;
  overflow: visible;
}

.support-hero .page-hero-image img {
  object-fit: contain;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent),
    linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent),
    linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
  mask-composite: intersect;
}

@media (max-width: 700px) {
  .support-hero .page-hero-image,
  .support-hero .page-hero-image:has(img) { aspect-ratio: 1458 / 768; }
}