Overlay on image with border-radius

Hello! I’m trying to create a rounded image with overlay, but when overlay is added, image loses its rounded corners.

In details:

  1. An image with border-radius: 40px
  2. Add an overlay to the image
  3. Now the image looks like this:
    image
    no rounded corners anymore.

I did not find any configuration for border-radius of overlay in bricks builder.

Is it possible to somehow add border-radius to overlay?

In this case you just have to add an overflow of hidden (style > layout > misc).

CleanShot 2023-04-09 at 09.43.19@2x

4 Likes

It works - configuration overflow to hidden solved the problem!
Thank you!