html, body {
    height: auto !important;
    overscroll-behavior: none;
}

body {
    background: linear-gradient(180deg, #ffffff 0%, #ffc0a2 95%);
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.arrows-left-img {
    left: 10px;
    top: 0px;
    position: fixed;
}

.arrows-right-img {
    right: 10px;
    top: 0px;
    position: fixed;
}

/* hide arrows on iPad and smaller screens */
@media (max-width: 1400px) {
    .arrows-left-img,
    .arrows-right-img {
        display: none;
    }
}