.rs-apps-screenshots .carousel .carousel-item{ background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1 !important; } .rs-apps-screenshots .carousel .carousel-item img{ box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 30px; } .rs-apps-screenshots .carousel .carousel-item.active img{ box-shadow: 0 0 30px rgba(0,0,0,0.08); } .rs-apps-screenshots .carousel { overflow: hidden; position: relative; width: 100%; height: 625px; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .rs-apps-screenshots .carousel.carousel-slider { top: 0; left: 0; } .rs-apps-screenshots .carousel.carousel-slider .carousel-fixed-item { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 1; } .rs-apps-screenshots .carousel.carousel-slider .carousel-fixed-item.with-indicators { bottom: 68px; } .rs-apps-screenshots .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; min-height: 400px; position: absolute; top: 0; left: 0; } .rs-apps-screenshots .carousel .carousel-item a { pointer-events: none; } .rs-apps-screenshots .carousel .carousel-item.active a { pointer-events: painted; } .rs-apps-screenshots .carousel .carousel-item { visibility: hidden; width: 300px; height: 300px; position: absolute; top: 0; left: 0; } .rs-apps-screenshots .carousel .carousel-item>img { width: 100%; } .rs-apps-screenshots .carousel .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .rs-apps-screenshots .carousel .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 8px; width: 8px; margin: 24px 4px; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: background-color .3s; transition: background-color .3s; border-radius: 50%; } .rs-apps-screenshots .carousel .indicators .indicator-item.active { background-color: #fff; } .rs-apps-screenshots .carousel.scrolling .carousel-item .materialboxed, .rs-apps-screenshots .carousel .carousel-item:not(.active) .materialboxed { pointer-events: none; }