Image 1
Image 2
.slideshow-container { position: relative; width: 100%; height: 500px; }.slide { position: absolute; width: 100%; height: 100%; display: none; }.slide:first-child { display: block; }.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 24px; transition: 0.6s ease; border-radius: 0 3px 3px 0; cursor: pointer; }.next { right: 0; border-radius: 3px 0 0 3px; }