body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
}
/* height and width set to automatically fit to the screen */
.image-gallery-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    height: 100vh;
    overflow: hidden;
}
.image-gallery {
    display: none;
}
/* height and width set to automatically fit to the screen */
.image-gallery img {
    width: 100%;
    height: 100vh;
}
/* fade will take 1.5 seconds to go from 40 -> 100% visibility */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
}
/* images fade from 40% -> 100% visibility */
@keyframes fade {
    from { opacity: 0.4; }
    to { opacity: 1; }
}