@media (min-width: 576px) {
    .desktop {
        position: absolute;
        width: 629px;
        bottom: 98px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .mobile {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 157px;
    }

    .xicara {
        position: absolute;
        bottom: 100px;
        right: 0;
        width: 194px;
    }

    .desktop-video {
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 565px;
        border-radius: 10px;
        background-image: url("/img/logo.svg");
        background-position: 50% 60%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    .mobile-video {
        position: absolute;
        top: 15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 130px;
        border-radius: 10px;
        background-image: url("/img/logo.svg");
        background-position: 50% 40%;
        background-repeat: no-repeat;
        background-size: 60%;
    }
}