Limit max-width for hero background images on wide monitors

hero-with-max-width.css

/*
This is to be used using Bricks & Automatic CSS already installed. Otherwise, replace %root% with the element/class/ID and add values to existing root variables like var(--radius-m).
*/

%root% {
  width: 100%;
  max-width: 90em;
}

@media screen and (min-width: 1600px) {
  %root% {
    border-radius: var(--radius-m);
    overflow: hidden;
    margin-top: 2rem;
  }
}