.iframe-container {
      position: relative; /* Essential for positioning the iframe */
      width: 100%; /* Ensures the container takes up full available width */
      height: 0; /* Sets initial height to 0, controlled by padding */
      padding-bottom: 56.25%; /* Example for a 16:9 aspect ratio (9/16 = 0.5625) */
      overflow: hidden; /* Hides any content that might overflow the container */
    }

    .iframe-container iframe {
      position: absolute; /* Positions the iframe relative to its parent */
      top: 0;
      left: 0;
      width: 100%; /* Makes the iframe fill the container's width */
      height: 100%; /* Makes the iframe fill the container's height */
    }