/* Force the iframe to exact 350x200, all devices */
iframe[src*="rotatingbanner.html"] {
  display: block !important;
  width: 350px !important;
  height: 200px !important;
  min-width: 350px !important;
  min-height: 200px !important;
  max-width: 350px !important;
  max-height: 200px !important;
  border: 0 !important;
  background: #fff !important;

  /* alignment inside its section */
  margin: 0 auto !important;    /* center */
  /* To right-align instead, comment the line above and use: */
  /* margin-left: auto !important; margin-right: 0 !important; */

  position: relative !important;
  z-index: 10 !important;
  vertical-align: top !important; /* avoid baseline gaps */
}

/* Remove Backstage's artificial aspect ratio padding */
.embed-layout {
  --embed-lyt-ratio: 0 !important;   /* stop the ratio variable from injecting padding */
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Target the direct child wrapper inside embed-layout to ensure no gap */
.embed-layout:not(.edit-mode) > div {
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}