.lc-dynamic-banner {
  width: 100%;
}

.lc-dynamic-banner__slot {
  position: relative;
  width: 100%;
  aspect-ratio: var(--lc-banner-ratio-width) / var(--lc-banner-ratio-height);
  overflow: hidden;
}

.lc-dynamic-banner__content,
.lc-dynamic-banner__fallback,
.lc-dynamic-banner__content > a,
.lc-dynamic-banner__fallback > a {
  display: block;
  width: 100%;
  height: 100%;
}

.lc-dynamic-banner__content img,
.lc-dynamic-banner__fallback img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lc-dynamic-banner.is-empty:not(.is-collapsed) .lc-dynamic-banner__slot:empty {
  visibility: hidden;
}

.lc-dynamic-banner.is-collapsed {
  display: none;
}