.gallery, .price-gallery
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    padding: 10px;
}

.price-gallery
{
    grid-template-columns: repeat(1, 1fr);
}

.grid-items
{
    width: 100%;
    height: 100%;
    position: relative;
}

.grid-items .image
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-items .image img
{
    width: 100%;
    height: 100%;
    
    object-fit: cover;
    /*Centers the image instead of position top-left*/
    object-position: 50% 50%;
    cursor: pointer;
    transition: .5s ease-in-out;
    border-radius: 5px;
}

.gallery .grid-items .text
{
    opacity: 1;
    position: absolute;
    top: 5%;
    left: 0%;
    /*makes the text centered*/
    /*transform: translate(-50%,-50%);*/
    color:#fff;
    font-size: 25px;
    pointer-events: none;
    z-index: 4;
    transition: .3s ease-in-out;
   /* -webkit-backdrop-filter: blur(5px) saturate(1.8);*/
    /*backdrop-filter: blur(5px) saturate(1.8);*/
    text-align: center;
    margin: 8px;
}

.gallery .grid-container
{
    text-align: center;
}

.gallery .grid-items .btn
{
    background-color: #ffffff;
    border: none;
    color: #526840bf;
    text-decoration: none;
    font-size: 0.875rem;
    padding: 15px 28px;
    border-radius: 5px;   
    border: solid 1px yellow;
    position: absolute;
    top: 25%;
    left: 0%;
    margin: 8px;
}

.w-2
{
    grid-column: span 2;
}

.h-2
{
    grid-row: span 2;
}

.g-1
{
    grid-template-columns: repeat(1,1fr);
}

/*
#merch-gallery .grid-items:hover .text
{
    opacity: 1;
    animation: move-down .3s linear;
    padding: 1em;
    width: 100%;
}
*/

/*
.grid-items:hover .image img
{
    transform: scale(1.5);
}
*/