.activities-banner {
    width: calc(100% - 64px);
    height: 512px;
    margin-top: 128px;

    background-image: url("../images/activities.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: -64px;
}

@media screen and (max-width: 1024px){
    .activities-banner {
        margin-top: 64px;
        height: 368px;
    }
}
@media screen and (max-width: 768px){
    .activities-banner {
        margin-top: 64px;
        height: 256px;
    }
}