.products-container > .container > .row > .col-4 {
    margin: 2% 0;
}

.products-container > .container > .row > .col-4 > img {
    width: 100%;
}

.product-name {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 0;
}

.product-container {
    background-color: white;
    border-radius: 15px;
    padding: 5%;
    height: 100%;
}

.product-container > img {
    width: 100%;
}

@media (max-width: 768px) {
    .products-container > .container > .row > .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 5% 0;
    }
}

@media (max-width: 600px) {
    .products-container > .container > .row > .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5% 0;
    }
}

@media (max-width: 280px) {
    .products-container > .container > .row > .col-4 > img {
        width: 100%;
    }
}