* {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

div {
    position: relative;
}
  
div img {
    position: absolute;
    object-fit: contain;
    background-color: #fff2cd;
}

video {
    background-color: #fff2cd;
}

.top {
    animation-name: fade;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-direction: alternate;
}
  
@keyframes fade {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.click-to-play {
    cursor: pointer;
}