.yc-slideshow {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto 24px;
}

.yc-slideshow__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.yc-slideshow__slide {
  position: relative;
  overflow: hidden;
  height: auto;
  aspect-ratio: var(--yc-slideshow-width) / var(--yc-slideshow-height);
  background: #f7f7f7;
}

.yc-slideshow__media,
.yc-slideshow__image {
  display: block;
  width: 100%;
  height: 100%;
}

.yc-slideshow__image {
  object-fit: var(--yc-slideshow-fit);
  object-position: var(--yc-slideshow-position);
}

.yc-slideshow__pagination,
.yc-slideshow__button,
.yc-slideshow__scrollbar {
  display: none;
}

.yc-slideshow .owl-nav button.owl-prev,
.yc-slideshow .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
  color: #222;
}

.yc-slideshow .owl-nav button.owl-prev {
  left: 16px;
}

.yc-slideshow .owl-nav button.owl-next {
  right: 16px;
}

.yc-slideshow .owl-dots {
  position: absolute;
  right: 18px;
  bottom: 14px;
  z-index: 2;
}