.my-hero-wrap{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

/* Poster + YT a strati */
.my-hero-poster,
.my-hero-yt{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.my-hero-poster{ z-index: 0; }
.my-hero-poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Video sopra il poster ma sotto eventuale testo */
.my-hero-yt{
  z-index: 1;
  overflow: hidden;           /* IMPORTANTISSIMO: taglia l'eccesso quando lo "zoomiamo" */
}

.my-hero-yt iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* Tecnica "cover" per YT: sempre pieno schermo senza bande */
  width: 100vw;
  height: 56.25vw;            /* 9/16 * 100vw */
  min-width: 177.78vh;        /* 16/9 * 100vh */
  min-height: 100vh;

  border: 0;
  display: block;
  pointer-events: none;       /* evita tap/click sul video */
}


/* Contenuti sopra tutto (se li userai in futuro) */
.my-hero-content{
  position: relative;
  z-index: 2;
}
.my-hero-poster picture { display:block; width:100%; height:100%; }
.my-hero-poster picture > * { width:100%; height:100%; }