Hello, Mohamed,
It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery and for products.
Alternatively, you can try to use the next custom CSS code:
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
display: flex;
justify-content: center;
}
.products-loop .ajax-content, .products-loop {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.content-product {
flex-direction: column;
justify-content: flex-end;
display: flex;
flex: 1;
}
.content-product .quantity-wrapper {
margin-right: auto;
margin-left: auto;
}
.swiper-container {
display: flex;
align-items: stretch;
}
.product-slide .product {
display: flex;
height: 100%;
}
.swiper-wrapper {
height: auto;
}
Best Regards,
8Theme’s Team