.product-columns {
    background: var(--color-background);
}

.product-columns--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.product-columns__item {
    flex: 1;
}

.product-columns__image img,
.product-columns__image video {
    width: 100%;
    height: auto;
}

@media ((min-width: 960px)) {
    .product-columns--wrapper {
        flex-direction: row;
    }

    .product-columns--wrapper.reverse {
        flex-direction: row-reverse;
    }
}