.slideshow {
  width: 100%;
  height: 80vh;
  margin-top: 4rem;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
}

.slideshow-stage {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
}

.slideshow img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  opacity: 1;

  transition: opacity 500ms ease;

  /* Prevent the image from being accidentally selected */
  user-select: none;
  -webkit-user-drag: none;
}

.slideshow img.is-changing {
  opacity: 0;
}