/* Sets a seamless white background and removes default spacing */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff; /* White background */
}

/* The main scrollable container for the images */
.image-container {
    height: 100vh; /* Makes the container fill the full viewport height */
    overflow-y: auto; /* Enables vertical scrolling ONLY for the image container */
    box-sizing: border-box;
    
    /* Creates the responsive horizontal margins */
    padding: 0 5vw; /* 5% of viewport width on the left and right */
}

/* Styles for each individual image */
.image-container img {
    /* Ensures images stack seamlessly and are responsive */
    display: block;
    width: 100%;
    
    /* Prevents images from becoming too wide on large desktop screens */
    max-width: 900px; 
    
    /* Centers the images horizontally within the container */
    margin: 0 auto;
}