.image-block {
    position: relative;
    padding: 1px 0;
    /* padding: 5px; */
}

#album-images{
    margin-right: -5px;
    margin-left: -5px;
}

.image-list-container .user-album-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
}

.image-list-container .user-album-images .image-block {
    padding: 0;
}

i.fa.no-hover:hover {
    color: inherit;
}

@media only screen and (max-width: 1199px) {
    .image-list-container .user-album-images {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 500px) {
    .image-list-container .user-album-images {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    #albums-content #album-images {
        margin-right: -5px;
        margin-left: -5px;
    }

    #album-images {
        margin-right: -15px;
        margin-left: -15px;
    }
}
