Hexagon with image that has transparency problem

[murilozilli]

Using this image as an example
https://atlus-dev.s3.sa-east-1.amazonaws.com/80dc836d-a9d1-4f56-9108-76bf074f1eba.png

Only copying the generated CSS I have a problem that the image gets distorted on hexTop and hexBottom. On your website it looks fine because there is a "hidden" CSS attribute not shown which is background-color.

I was able to figure this out by inspecting the code on the website but I think we should add this attribute on the generated CSS in the right area.

I attached a screenshot of the problem I was having if I didn't figure it out by inspecting the website.