If you're facing an issue with border radius not displaying properly on iOS when applied to a parent div instead of the image itself in Webflow, there are a few potential solutions you can try.
1. Use a wrapper div: Instead of applying the border radius directly to the parent div, create a wrapper div and apply the border radius to it. Then, place the image inside the wrapper div. This can sometimes help resolve the issue.
2. Apply overflow: hidden to the parent div: Add the CSS property "overflow: hidden" to the parent div. This can sometimes help contain the image properly, allowing the border radius to display correctly on iOS.
3. Set a background color: Try setting a background color on the parent div. Sometimes, iOS devices have trouble rendering transparent backgrounds with border radius applied to them. Setting a background color may help the border radius appear as intended.
4. Check for conflicting styles: Make sure there are no conflicting styles or CSS rules that might affect the display of the border radius. Check for any other CSS properties applied to the parent div or its children that could interfere with the border radius rendering on iOS.
5. Test on different iOS devices: It's also possible that the issue might be device-specific. Test the website on different iOS devices to see if the problem persists across all of them. If it's only happening on certain devices, it could be due to a specific iOS version or device-specific rendering quirks.
If none of these solutions work, it might be helpful to share the specific code or a live link to the Webflow project, so that the community can better understand the issue and provide more targeted assistance.