#gallery_container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: fit-content;
    gap: 10px;
    margin: 20px;
}

.gallery_item{
    animation: item_hover_down .3s ease;
    width: 100%;
    margin: auto;
    height: 200px;
    overflow: hidden;
}

.gallery_item_image{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery_item:hover{
    animation: item_hover_up .3s ease;
    transform: scale(1.05);
}


@keyframes item_hover_up {
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.05);
    }
}

@keyframes item_hover_down {
    from{
        transform: scale(1.05);
    }
    to{
        transform: scale(1);
    }
}