body, html {
    overflow: auto !important;
    background-color: #f6f6f6;
    background-image: url('/media/background.webp');
    background-repeat: repeat;
    background-position: center;
    background-size: 1200px;
}

.hero {
    background-color: #f6f6f6;
    background-image: url('/media/background.webp');
    background-repeat: repeat;
    background-position: center;
    background-size: 1200px;
}

.cover-img {
    transition: .3s;
}

.cover-img:hover {
    transform: scale(1.03);
}

@media screen and (max-width: 576px) {
    .cover-img {
        width: 100% !important;
    }

    .change {
        text-align: center !important;
    }
}