/* Container for the gallery */
.gallery {
    display: flex;
    width: 98%;
    flex-wrap: wrap;
    justify-content: flex-start; 
    gap: 2%;
    position: absolute;
    left: 2%;
    top:2%;
    padding-bottom: 9vh;
    /*margin: 2%;
    margin-left: 2%;
    padding-left: 2%;*/
}

.gallerycontent {
    z-index: 1;
    width: 23%;
    /*height: auto;*/
    height: 25vh;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-bottom: 1%;
    position: relative;
}

/* Hover effect on images */
.modalable {
    transition: transform 0.3s;
}
.modalable:hover {
    z-index: 404;
    object-fit:fill;
}

.logoImage {
    height: inherit;
    width: 100%;
    object-fit: contain;
    position: absolute;
    padding: 15%;
}

.galleryButtonTag{
    z-index:42;
    bottom: 0%;
    position: absolute;
    text-align: center;
    font-size: 2vw;
    width: 100%;
    height: 15%;
}

.icon {
    z-index: 1;
    width: 23%;
    /*height: auto;*/
    height: 25vh;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-bottom: 1%;
    position: relative;

    object-fit: contain;
}