@import url('color.css');


.gallery div {
    position: relative;
    display: inline-block;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}

.gallery div img {
    box-shadow: var(--content-color2) 0px 2px 3px 0px !important;
}

.gallery div:hover {
    transform: scale(0.95);
    /* border: 3px solid var(--content-color1); */
}

.gallery div:hover::after {
    opacity: 1;
}

/*
.gallery div::after {
    content: "\e8a0";  
    font-family: "Material Symbols Outlined";
    color: var(--bg-main);
    font-size: 50px;
    display: flex;
    align-items: flex-end
    justify-content: flex-end
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    bottom: -15px;
    opacity: 0;
    transition: opacity .3s ease;
}

*/