<style>
 .scacchiera-responsive {
   position: relative;
   width: 100%;
   max-width: 1000px;
   padding-bottom: 35%;   /* desktop: scacchiera + notazione affiancate */
   height: 0;
   overflow: hidden;
   margin: 0 auto 24px;
 }
 .scacchiera-responsive .zoom-wrap {
   position: absolute;
   top: 0;
   left: 0;
   width: 130%;
   height: 130%;
   transform: scale(0.7692);
   transform-origin: top left;
 }
 .scacchiera-responsive .zoom-wrap iframe {
   width: 100%;
   height: 100%;
   border: 0;
 }
 /* Fix mobile: su schermi stretti serve molta più altezza,
    altrimenti il contenuto viene tagliato da overflow:hidden */
 @media (max-width: 600px) {
   .scacchiera-responsive {
     padding-bottom: 145%;
   }
   .scacchiera-responsive .zoom-wrap {
     width: 110%;
     height: 110%;
     transform: scale(0.9091); /* = 100/110, meno zoom = più leggibilità nativa su schermi piccoli */
   }
 }
</style>
<div class="scacchiera-responsive">
   <div class="zoom-wrap">       
          <iframe src=src="https://lichess.org/study/embed/awAGe2Kq/GNWTIQiG" title="Partita 1" loading="lazy"></iframe>
   </div>
</div>