.gallery__item {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.gallery__link {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gallery__thumbs {
    padding: .8rem;
    margin-bottom: 1rem;
    background-color: var(--surface);
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
@media (min-width: 1400px) {
   .gallery__thumbs {
        height: 300px;
   } 
}
.gallery__thumbs::before {
    content: '';
    background-color: var(--accent);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0; left: 0;
    pointer-events: none;
    transition: opacity 0.5s;
}
.gallery__link:hover .gallery__thumbs::before {
    opacity: 0.3;
}

.gallery__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: relative;
}

.gallery__price:first-letter {
    text-transform: uppercase;
}

.gallery__btn {
    margin-top: 2.4rem;
    align-self: center;
}