* { margin: 0; padding: 0; border: none; list-style: none; } html, body, ul { width: 100vw; height: 100vh; overflow: hidden; } #ps { position: relative; background-image: url(../images/bg/bg.jpg); background-repeat: repeat; li { /* width: 400px; */ height: 300px; box-shadow: 0 0 19px 3px #000; position: absolute; transition: all 1s; &.current { left: 50% !important; top: 50% !important; transform: rotate(0deg) translate(-50%, -50%) scale(1.2, 1.2) !important; z-index: 99; } img { height: 100%; } } }