.parent-container {
  position: relative; /* Establishes a positioning context for absolutely positioned children */
  width: 100%; /* Or a specific width, e.g., 500px */
  height: 1024px; /* Or a specific height, e.g., 300px, or a dynamic height using padding-top for aspect ratio */
  /* Add other styles for the parent container as needed */
}

.parent-container iframe {
  position: absolute; /* Positions the iframe relative to its nearest positioned ancestor */
  top: 0;
  left: 0;
  width: 100%; /* Ensures the iframe takes up the full width of the parent */
  height: 1024px; /* Ensures the iframe takes up the full height of the parent */
  border: 1; /* Removes the default iframe border */
}