

<style>
  .responsive-iframe {
    width: 100%;
    height: 500px; /* Set a default height */
    border: none;
  }
  
  @media (max-width: 768px) {
    .responsive-iframe {
      height: 300px; /* Adjust height for smaller screens */
    }
  }
</style>

<iframe 
  src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSqM_a-RX2XcNhfIDzpX4jrkILyYmS_nkYEFoSKqXafYFSxiCpyCVZB2vD6yVjCgKiPujJDpQ8VCPAr/pubhtml?gid=474546023&amp;single=true&amp;widget=true&amp;headers=false" 
  class="responsive-iframe">
</iframe>
