.gallery-desc {
    font-size: 0.7rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    background-color: rgb(19, 17, 39);
}

.folder-icon {
height: 4rem;
width: 4rem;

}

.folders {
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: rgb(19, 17, 39);
    padding-top: 1rem;

    gap: 1rem;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
   
}

.folder {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;

    height: 4rem;
    width: 4rem;


    cursor: pointer;
    transition: opacity 0.3s;
    -webkit-tap-highlight-color: transparent;
}

.folder:hover {
    opacity: 1;
}

.folder:active {
    opacity: 0.5;
}

.folder-name {
 margin-top: -0.5rem;
 font-size: 0.7rem;
 text-wrap: wrap;
 width: fit-content;
}



@media (min-width: 1800px) /* Desktop */
{

    .gallery-desc {
        font-size: 0.7rem;
        padding-left: 6rem;
        padding-right: 2rem;
        padding-top: 2rem;
        background-color: rgb(19, 17, 39);
    }

    .folder-icon {
        height: 10rem;
        width: 10rem;
        }
        
        .folders {
            padding-left: 12rem;
            padding-right: 12rem;
            background-color: rgb(19, 17, 39);
            padding-top: 1rem;
        
            gap: 5rem;
        
            display: flex;
            flex-wrap: wrap;
            justify-content: center;

            padding-bottom: 5rem;
        }
        
        .folder {
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;

            height: 4rem;
            width: 4rem;


            cursor: pointer;
            transition: opacity 0.3s;
            -webkit-tap-highlight-color: transparent;
                }

        .folder:hover {
            opacity: 0.7;
        }
        
        .folder:active {
            opacity: 0.5;
        }
        
        .folder-name {
         margin-top: -1.5rem;
         font-size: 0.7rem;
        }
}