@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.8, 0.8);
    }

    100% {
        transform: scale(1, 1);
    }
}

.wrap {
    padding: 0;
}

/* desktops, tablets devices (768px and up) */
@media only screen and (min-width:768px) {


    .bg {
        content: url(../image/background.jpg);
        width: 100%;
        position: relative;
    }

    .cta-btn {
        position: absolute;
        content: url(../image/btn.png);
        display: block;
        margin: -28% 0% 0% 10%;
        width: 50vw;
        animation: zoom-in-zoom-out 1.5s ease infinite;
    }
}

/* Tablets, phones devices (767.98px and down) */
@media only screen and (max-width:767.98px) {
    .bg {
        content: url(../image/mobile/background.jpg);
        width: 100%;
        position: relative;
    }

    .cta-btn {
        position: absolute;
        content: url(../image/btn.png);
        display: block;
        margin: -46% 0% 0% 10%;
        width: 80vw;
        animation: zoom-in-zoom-out 1.5s ease infinite;
    }
}