/* Slideshow container */
.slideshow-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.full-img {
  position: relative;
  width: 100%;
  max-height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.full-img img {
  max-height: 800px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Arrows - scoped to containers only, never bleed out */
.slideshow-container .prev,
.slideshow-container .next,
.full-img .prev,
.full-img .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 16px;
  font-size: 24px;
  font-weight: bold;
  color: #005de9;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  user-select: none;
  z-index: 10;
}

.slideshow-container .prev,
.full-img .prev { left: 0; }

.slideshow-container .next,
.full-img .next { right: 0; }

.slideshow-container .prev:hover,
.slideshow-container .next:hover,
.full-img .prev:hover,
.full-img .next:hover {
  background-color: #f1f1f1;
  color: black;
}