body::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background-image: url('../css/Banner.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: 0.08;
    z-index: 0;
    pointer-events: none;
}
.slideshow-wrap {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  transform: translateX(100%);
  transition: transform 0.8s ease-in-out;
}
.slide.active {
  transform: translateX(0%);
}
.slide.prev {
  transform: translateX(-100%);
}