@media screen and (max-width:1200px) {
    #kf {
        padding: 2vh 5vw;
    }

    #kf>div {
        flex-direction: column;
    }

    #kf .kf-bg {
        width: unset;
    }

    #kf .text {
        padding: 5vw;
        gap: 4vw;
    }

    .cycle-content img {
        width: unset;
        height: 100%;
        transform: rotate(270deg);
    }

    /* #spectable {
        min-height: 80vh;
    } */

    .KVM-img-bg {
        width: 100%;
        height: 100%;
    }

    .KVM-icon {
        display: none;
    }

    .KVM-yt {
        padding-bottom: 40.25%;
    }

    .KVM-imgs {
        height: 55vw;
    }

    .KVM-imgs img {
        height: 100%;
        width: unset;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-38%, 0);
        transform-origin: center bottom;
    }

    .KVM-imgs .KVM-img2.opacity {
        transform: translate(-38%, 0);
    }

    .KVM-imgs .KVM-img1.opacity {
        transform: translate(-62%, 0);
    }

    .KVM-imgs .KVM-img2 {
        transform: translate(-62%, 0);
    }
}

@media screen and (max-width:768px) {
    .KVM-yt {
        margin-bottom: 10%;
    }

    .KVM-text {
        gap: 2.5vw;
    }

    .cycle-content {
        gap: 2.5vw;
    }
    
    #spectable {
        min-height: 70vh;
    }

    
}

@media screen and (min-width:1201px) and (max-height:768px) {}