.remodal-overlay {
  background: rgba(0, 0, 0, 0.77);
}

.remodal[data-popup-banner="1"], .remodal[data-popup-banner="2"] {
  background: transparent;
  padding: 0;
  box-shadow: none;
  width: auto;
  max-width: none;
  display: inline-block;
  position: relative;
}

.remodal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.remodal[data-popup-banner="1"] a, .remodal[data-popup-banner="2"] a{
  display: inline-block;
  line-height: 0;
  width: auto;
  height: auto;
  cursor: pointer;
}

.remodal[data-popup-banner="1"] img, .remodal[data-popup-banner="2"] img {
  display: block;
  max-width: min(
    calc(100vw - 32px - 100px),
    980px
  ); /* паддинги и отступ для крестика */
  max-height: 88vh;
  width: auto;
  height: auto;
  border-radius: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.remodal[data-popup-banner="1"] .remodal-close, .remodal[data-popup-banner="2"] .remodal-close {
  position: absolute;
  top: 3px;
  left: calc(100% + 20px);
  right: auto;
  width: 21px;
  height: 21px;
  opacity: 1;
  z-index: 10000;
}
.remodal[data-popup-banner="1"] .remodal-close:before, .remodal[data-popup-banner="2"] .remodal-close:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5L22.5 22.5' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M22.5 1.5L1.5 22.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.remodal-overlay,
.remodal-wrapper {
  z-index: 10010;
}

@media (max-width: 768px) {
  .remodal[data-popup-banner="1"], .remodal[data-popup-banner="2"] {
    max-width: fit-content;
  }

  .remodal[data-popup-banner="1"] img, .remodal[data-popup-banner="2"] img {
    max-width: calc(100vw - 32px);
    max-height: 80vh;
    border-radius: 20px;
  }
  .remodal[data-popup-banner="1"] .remodal-close, .remodal[data-popup-banner="2"] .remodal-close {
    top: -41px;
    right: 8px;
    left: auto;
    width: 21px;
    height: 21px;
  }
}