/* SLIDE FRAME */
.slide-frame {
    position: absolute;

    top: 580px;
    left: 25%;

    transform: translateX(-50%);

    width: 788px;
    height: 590px;
}

/* FRAME */
.slide-bg {
    position: absolute;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

/* SLIDE AREA */
.slide-area {
    position: absolute;

    top: 154px;
    left: 100px;

    width: 567px;
    height: 331px;

    overflow: hidden;
    z-index: 2;

    border-radius: 10px;
    background-color: transparent;
}

/* TRACK */
.slide-track {
    display: flex;

    width: 300%;
    height: 100%;

    transition: transform 0.8s ease-in-out;
}

/* IMAGE */
.slide-image {
    width: 567px;
    height: 331px;

    flex-shrink: 0;

    object-fit: cover;
    display: block;
}