Image Block - overlay does not match border radius
Describe the bug When adding overlay to an image with a border-radius, it remains rectangular and does not follow the border-radius applied.
To Reproduce Steps to reproduce the behavior:
- Add a page
- Add an image
- Se the image border radius to
100 - Add overlay color
- See error on editor (overlay is still rectangular)
- See error on frontend
Expected behavior The overlay should follow the same border-radius as the image
Screenshots
There are two controls for border radius: one under Image which controls the image border radius, and another one under Border & Shadows which controls the container border radius. Since the overlay is applied within the container, we should use the container border radius to match with the overlay.
Suggestion: Currently, both are named "Border Radius". Can we change the label to "Image Border Radius" and "Container Border Radius" respectively to avoid confusion?