html, body, .pagescroller {
    margin: 0; padding: 0;
    min-height: 100vh;
}

body {
    background-image:   radial-gradient(circle at center 200%, 
                                        rgb(0, 187, 255) 0%, 
                                        rgba(2,0,36, 50%) 80%), 
                        url("pexels-kaip-1341279_c.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pagescroller {
    display: flex;
    flex-direction: column;
}

.herocontent {
    flex-grow: 2;
}

.image-carousel {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: clip;
    perspective: 1000px;    
}

.image-carousel > img {
    margin-left: min(-5vw, -50px);
    max-width: max(12vw, 125px);
    box-shadow: -5px 8px 16px black;
    transform: rotatey(15deg) scale(0.90);
}