/* Background wrapper with pulse animation */
.background-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
    -webkit-animation: background-pulse 4s linear infinite;
    animation: background-pulse 4s linear infinite;
}

.background-layer {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    background-color: #000000;
    background-image: url('/img/bassode/tile.jpg');
    background-size: auto;
    background-repeat: repeat;
}

@keyframes background-pulse {
    0%, 100% {
        transform: scale(1.01);
    }
    0.5% {
        transform: scale(1.018);
    }
    1.5% {
        transform: scale(1.01);
    }
    2.5% {
        transform: scale(1.015);
    }
    3.5%, 24% {
        transform: scale(1.01);
    }
    25% {
        transform: scale(1.018);
    }
    26% {
        transform: scale(1.01);
    }
    27.5% {
        transform: scale(1.015);
    }
    28.5%, 99% {
        transform: scale(1.01);
    }
}

@-webkit-keyframes background-pulse {
    0%, 100% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    0.5% {
        -webkit-transform: scale(1.018);
        transform: scale(1.018);
    }
    1.5% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    2.5% {
        -webkit-transform: scale(1.015);
        transform: scale(1.015);
    }
    3.5%, 24% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    25% {
        -webkit-transform: scale(1.018);
        transform: scale(1.018);
    }
    26% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    27.5% {
        -webkit-transform: scale(1.015);
        transform: scale(1.015);
    }
    28.5%, 99% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
}