.product-block {
    width: 100%;
}

.product-block figure {
    position: relative;
    width: 100%;
    aspect-ratio: 2/3;
    margin-bottom: .5rem;
}
@media only screen and (min-width: 1024px) {
    .product-block figure {
        max-height: 75vh;
    }
}

.product-block img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 250ms ease;
}

@media (hover: hover) {
    .product-block:hover img {
        transform: scale(1.05);
    }
}

.product-block div > * {grid-column: span 1;}