/* Hero Title Image */
.hero__title-image img {
  max-width: 520px;
  width: 100%;
  height: auto;
  display: block;
}

/* Optional: Better flex behavior on the content wrapper */
.topper-alternate__content {
  gap: 2rem; /* Adds some breathing room between left and right */
}

/* Mobile protection */
@media (max-width: 768px) {
  .hero__title-image img,
  .hero__side-media {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .topper-alternate .topper-alternate__figure,
  .topper-alternate .topper-alternate__video {
    margin-right: 4.1666666667%;
    margin-left: 4.1666666667%;
    width: 40.8333333333%;
  }
}