How can I round the corners of a link block in Webflow in a way that also rounds the corners of the image inside it?

To round the corners of a link block in Webflow, you can use the built-in options available in the Style panel. However, these options only affect the link block element itself and not its content, such as images or text inside it.

If you want to round the corners of both the link block and the image inside it, you'll need to utilize additional CSS properties. Here's a step-by-step guide to achieve this effect in Webflow:

1. Select the link block by clicking on it in the Webflow Designer.
2. In the Style panel, locate the "Borders & Shadows" section. Click on the "Add" button next to the "Border radius" option.
3. Adjust the border radius value to your desired roundness. This will round the corners of the link block.
4. Next, select the image inside the link block by clicking on it.
5. In the Style panel, go to the "Borders & Shadows" section. Click on the "Add" button next to the "Border radius" option.
6. Set the same border radius value that you used for the link block. This will round the corners of the image to match the link block.

By following these steps, you'll be able to round the corners of both the link block and the image inside it in Webflow.