.casestudy {
    font-size: 0px;
    transform: translateY(140px);
    z-index: 0;
    font-size: 0px;
    max-height: 95%;
    overflow: hidden;

    max-width: 1300px;
}

#MA3 {
    content: url("img/Merchant\ Accounts\ 3-min.jpg");
}

#MA4 {
    content: url("img/Merchant\ Accounts\ 4-min.jpg");
}


#VF3 {
    content: url("img/Vitality Fitness 3-min.jpg");
}

#VF4 {
    content: url("img/Vitality Fitness 4.png");
}

.defer {
    display:none;
}

.defer.active {
    display: block;
}

body {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.next {
    bottom: 40px;
}

:root {
    --bg-color-cs: rgba(255, 255, 255, 1);
    --background-color: rgba(255, 255, 255, 1);
}


@media only screen and (max-width:1024px) {

    
    .casestudy {
        transform: translateY(0px);
    }
    
    }

@media only screen and (max-width:700px) {


.casestudy {
    transform: translateY(0px);
}

.next {
    bottom: 30px;
}
}