div.imageGallery {
    /* width: 100%; */
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-auto-rows: 10vw;
    grid-gap: 7px;
    grid-auto-flow: dense;
}

.imageGallery .imageDiv {
    width: 100%;
    height: 100%;
    position: relative;
}

.imageGallery .imageDiv .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* border-radius: 2px; */
}

.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.imageDiv:hover .image img {
    transform: scale(1.1);
}

/* --- Text --- */
.imageDiv .imageText {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    color: whitesmoke;
    /* font-size: 2em; */
    text-align: center;
    pointer-events: none;
    z-index: 4;
    transition: .3s ease-in-out;
    backdrop-filter: blur(5px) saturate(1.8);
    -webkit-backdrop-filter: blur(5px) saturate(1.8);
}

.imageDiv a {
    text-shadow: 0 0 0.5em rgba(0, 0, 0, 1);
}

.imageDiv:hover .imageText {
    opacity: 1;
}

/* --- Position --- */
.imageDiv .imagePosition {
    opacity: 0;
    position: absolute;
    bottom: 1%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: whitesmoke;
    width: 100%;

    text-align: center;
    pointer-events: none;
    z-index: 5;
    transition: .3s ease-in-out;
    backdrop-filter: blur(5px) saturate(1.8);
    -webkit-backdrop-filter: blur(5px) saturate(1.8);
}

.imageDiv .imagePosition a {
    font-size: 0.75em;
    text-decoration: none;
    color: whitesmoke;
}

.imageDiv .imagePosition a:active, .imageDiv .imagePosition a:hover, .imageDiv .imagePosition a:visited {
    color: whitesmoke;
}

.imageDiv:hover .imagePosition {
    opacity: 1;
}


/* -------------------------- */

.w-1{
    grid-column: span 1;
}

.w-2{
    grid-column: span 2;
}

.w-3{
    grid-column: span 3;
}

.w-4{
    grid-column: span 4;
}

.w-5{
    grid-column: span 5;
}

.w-6{
    grid-column: span 6;
}

.w-7{
    grid-column: span 7;
}