help Mobile view add 2 rows

I found this

@media screen and (max-width: 750px){
.woocommerce .products .product {
max-width: 50% !important;
}}

BUT – Every other row is missing that 2nd product. =\

my website is Iepicshop.com
oceanwp theme
https://ibb.co/h5zKZ7 Pic

can someone please please please please help mee with this!! Id be so grateful

The page I need help with: [log in to see the link]