.gallery{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 5vw);
    gap: 16px;
}
.gallery .gallery-item {
    flex: 1 1 calc(33.33% - 32px);
    position: relative;
    overflow: hidden;
}

.gallery .gallery-item .gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.gallery .gallery-item .tools{
    background-color: rgba(255, 255, 255, 0.7);
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: 0.3s;
}

.gallery .gallery-item:hover .tools{
    opacity: 100;
}

.gallery .tools li{
    padding: 10px;
}