.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-track {
    display: flex;
    width: 100%;
    animation: slide 20s infinite;
}

.slider video {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}

@keyframes slide {

    0%,
    20% {
        transform: translateX(0%);
    }

    25%,
    45% {
        transform: translateX(-100%);
    }

    50%,
    100% {
        transform: translateX(0%);
    }
}


@media (max-width: 500px) {
    .slider {
        display: none;
    }

    #copyright {
        text-align: center;
        padding: 6em;
        margin-top: 6em;
        border-top: solid 1px rgba(255, 255, 255, 0.05);
    }
}