.qodef-e-image .player-bg-logo {
    position: absolute;
    z-index: -9999;
    filter: grayscale(100%);
    opacity: 0.2;
    scale: 70%;
}

.qodef-e-inner:hover>.qodef-e-image>.player-bg-logo {
    scale: 90%;
    opacity: 1;
    filter: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.bg-video {
    background-size: cover;
    margin-left: 50vw;
    user-select: none;
    pointer-events: none;

    /*additional tweaks for positioning, read more in the link above*/
    height: 100%;
    width: 177.77777778vh;
    /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw;
    /* 100 * 9 / 16 */
}

ol,
ul {
    list-style: none;
    margin: 0;
}

.marquee {
    overflow: hidden;
    display: inline-block;
}

.marquee_content {
    white-space: nowrap;
    transform: translateZ(0);
    -webkit-animation: scroll-03e3fafc 30s linear infinite;
    animation: scroll-03e3fafc 30s linear infinite;
    will-change: transform;
    display: inline-block;
    position: relative;
}

.marquee_content li {
    display: inline-block;
    animation-name: fadeInOut, moveLeft300px, bounce;
    animation: scroll 20s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-500%);
    }
}