/******************************************************************************
* Title: style.css
* Author: Hunter Schoonver ~ http://hunterschoonover.com
* 
* This cascading style sheet provides styling for a Skoonie Gallery.
*/

.skoonieGallery {
    width: 100%;
    display: inline-block;
}

.skoonieGallery .imageContainer {
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    justify-content: center; 
    padding: 20px;
}

.skoonieGallery .imageContainer img {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
    border-radius: 2px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin: 2px;        /* Spacing between images */
    object-fit: cover;  /* Crop images nicely */
    position: relative; /* zIndex settings are not ignored */
    transition: all 0.3s ease-in-out;
}