.casestudy img {
    width: calc(100vw + 16px);
    transform: translatex(-8px);
    max-width: 1200px;
}
:root {
    --bg-color-cs: rgba(255, 255, 255, 1);
    --background-color: rgba(255, 255, 255, 1)
}

html {
    margin: 0px;
    padding: 0px;
    width: 100vw;
    background-color: rgb(243, 243, 243);
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.casestudy {
    position: relative;
    display: flex;
    font-size: 0px;
    z-index: 0;
    font-size: 0px;
    width: calc(100vw + 6px);
    transform: translateY(120px);
    justify-content: center;
    flex-direction: column;
    max-width: none;
    max-width: 1200px;

}

.filler {
    height: 128px;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .filler {
        height: 100px;
    }

    .casestudy {
        transform: translateY(0px);

    }
}
@media only screen and (max-width:700px) {
    .filler {
        height: 80px;
    }
}
@media only screen and (max-width:450px) {
    .filler {
        height: 60px;
    }
}