img {
    width: 500px;
    height: 500px;
}
#myVideo {
    position: fixed;
    right: 100;
    bottom: 100;
    min-width: 100%;
    min-height: 100%;
  }

    body {
        background: skyblue;
    }

    h1 {
        position: center;
        top: 50%;
        left: 10%;
    }

    h1 span {
        color: #262626;
        background: #fff;
        padding: 10px 20px;
        display: table-cell;
        box-shadow: inset 0 0 5px 
            rgba(0, 0, 0, 0.3),
                0 5px 0 #ccc;
        animation: animate 0.5s infinite;
    }

    /* Specify the animation keyframes
        to be used to move the letters */
    @keyframes animate {
        0% {
            transform: translateY(0px);
        }

        50% {
            transform: translateY(-20px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    /* Specify a slight delay for
        each of the letters */
    h1 span:nth-child(1) {
        animation-delay: 0.1s;
    }

    h1 span:nth-child(2) {
        animation-delay: 0.2s;
    }

    h1 span:nth-child(3) {
        animation-delay: 0.3s;
    }

    h1 span:nth-child(4) {
        animation-delay: 0.4s;
    }

    h1 span:nth-child(5) {
        animation-delay: 0.5s;
    }

    h1 span:nth-child(6) {
        animation-delay: 0.6s;
    }

    h1 span:nth-child(7) {
        animation-delay: 0.7s;
    }

    h1 span:nth-child(8) {
        animation-delay: 0.8s;
    }