.hero-image-wrapper {
  figure {
    position: relative;

    img {
      width: 100%;
      height: auto;
    }
  }
}

@media (width > 1140px) {
  .hero-section-rounded-image-left {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, var(--wp--style--global--content-size, 1140px))
      calc((100vw - var(--wp--style--global--content-size, 1140px)) / 2);

    > .wp-block-column:first-child,
    > .wp-block-column:last-child {
      width: auto;
      max-width: none;
      min-width: 0;
    }

    > .wp-block-column:last-child * {
      min-width: 0;
    }
  }
}



@media (width <= 974px) {
  .rounded-hero-image {
    display: none;
  }
}