.grid-container {
      display: grid;  grid-template-rows: auto auto; gap: 10px;  padding: 10px; box-sizing: border-box;
    }

    iframe {width: 100%;border: none;background: #ddd;    }

    /* Row 2 → col1(35%) with 2 small iframes stacked, col2(65%) 1 tall iframe */
    .row1 {  display: grid;   grid-template-columns: 35% 65%;   gap: 10px;    }

    .row1 .col1 {display: grid;  grid-template-rows: 1fr;   gap: 10px;    }
    .row1 .col2 {display: grid;    }

    .row2 {   display: grid;  grid-template-columns: 65% 35%;  gap: 10px;    }
    .row2 .col1 {   display: grid;    }
    .row2 .col2 { display: grid; grid-template-rows: 1fr;  gap: 10px;   }
    /* Responsive for mobile */
    @media(max-width: 768px) {
      .row1, .row2 {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        height: auto;
      }
    }