.product-container{
    gap: 1rem;
}
.product-item{
    flex: 1;
}
@media only screen and (max-width: 1023px) {
    .product-container{
        flex-wrap: wrap;
        text-align: justify;
        justify-content: center;
    }
    .product-item{
        flex: unset;
        
    }
    
    .product3{
        width: 100% !important;
        text-align: center;
    }
    .product3-img{
        width: 80% !important;
        
    }
    
}