* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* --transition: all 1200ms cubic-bezier(0.2, 0.7, 0.3, 1.0) !important; */
    --transition: none;
}

html, body {
    height: 100%;
    background: #000;
}

.slider {
    height: 100%;
}

.slider__wrapper {
    will-change: transform;
    transform: var(--transition);
    transform-style: preserve-3d;
}

.slider__item {
    overflow: hidden;
    will-change: transform;
    transform: var(--transition);
}

.slider__item::before {
    content: "";
    position: absolute;
    inset: calc(0px - min(25vw, 25vh));
    /* inset: 0; */
    z-index: 1;
    border-radius: min(60vw, 60vh);
    box-shadow: inset 0 0 min(30vw, 30vh) min(30vw, 30vh) rgba(0, 0, 0, 50%);
}

.slider__layer {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    will-change: transform;
    transform: var(--transition);
}