.mgnSlideshowContainer { background:black; position:absolute; top:0; right:0; left:0; bottom:0; display: none; margin: auto; text-align: center; } .prev, .next, .close { cursor: pointer; position: fixed; top: 50vh; width: 21px; margin-top: -22px; padding: 16px; color: white; background-color: rgba( 85, 242, 12, 0.2); font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 3px 3px 3px 3px; user-select: none; } .prev { left: 0; } .next { right: 0; } .close{ right: 0; top:15px; } .img-slide{ max-width: 100%; max-height: 100vh; margin: auto; } .prev:hover, .next:hover, .close:hover { background-color: rgba(44,217,17,1); } .mgnSlides { display: none; width: 100%; } .slide { animation-name: slide; animation-duration: 2.5s; } @keyframes slide { 100% { left: 0; } } 
