.iframe-container {
  position: relative;
  width: 100%;
  /*padding-bottom: 75%; !* 16:9 aspect ratio *!*/
  height: 1100px;
  overflow: hidden;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

.iframe-container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

#iframe, #ghl-invoice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Add this to make the iframe responsive */
.iframe-container {
  padding-top: 0; /* Remove the aspect ratio padding */
}

#iframe {
  transform: scale(1); /* Add this to make the iframe responsive */
}