Miguel_Ant

.custom-box { margin-top: 10px; } #vinyl-gallery * { all: unset; } #vinyl-gallery { all: initial!important; width: 100%!important; height: 230px!important; margin: 30px 0!important; display: flex!important; flex-direction: row!important; position: relative!important; margin-left: -6px!important; } #vinyl-gallery .vinyl { all:unset!important; perspective: 500px !important; width: 18px!important; transition: width 0.5s!important; } #vinyl-gallery .vinyl:hover { width: 148px!important; } #vinyl-gallery img { all:unset!important; transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important; width: 180px!important; height: 180px!important; transform: rotateX(0deg) rotateY(25deg)!important; transform-style: preserve-3d!important; border-radius: 4px!important; border: 2px solid rgba(0, 0, 0, 0.1)!important; object-fit: cover!important; } #vinyl-gallery .vinyl:hover img { transform: rotateX(0deg) rotateY(10deg)!important; width: 188px!important; height: 188px!important; margin-top: -2px!important; } #vinyl-gallery .title { color: #FFFFFF; display: block; visibility: hidden; position: absolute; bottom: 0px; text-align: center; width: 100%; padding-left: 6px; } #vinyl-gallery .vinyl:nth-child(n):hover + .title { visibility: visible; } * { cursor: url('https://cdn.cursors-4u.net/previews/tiny-skull-crossbones-69fe6d68-32.webp') 32 32, auto !important; }