How can I correct the product information margin issue on my site?

[GustavoAlves]

The buggy margin of the products is cutting the product information, does anyone know how to solve it?

website: www.colorluzes.com.br

[Simonsron]

.product-list .flickity-viewport{
height:auto !important;
}
.product-list .flickity-viewport .flickity-slider{
position:static !important;
display:flex:
}
.product-list .flickity-viewport .flickity-slider .product-item{
position:static !important;
}

you can try this.

Step1:online store -> edit code -> assets -> theme.css(theme.css.liquid)

Step2:Scroll to the bottom, and then paste the code above.

[GustavoAlves]

this css didn't work friend @Simonsron 

[Simonsron]

You can rename a class name to implement this style without changing other styles.

[GustavoAlves]

@GemPages Help me