/* Hero media styling for modern look */
.hero__img img{
  width:100%;
  max-width:560px;
  aspect-ratio: 16 / 13;
  border-radius:16px;
  background:#fff;                 /* caso a imagem tenha transparência */
  border:1px solid #e5e7eb;
  box-shadow: 0 24px 60px rgba(2,6,23,.10);
  image-rendering: -webkit-optimize-contrast;
}
/* keep responsiveness consistent */
@media (max-width:1024px){
  .hero__img img{ max-width:100%; }
}