SVG Clip-Path: Keeping Aspect Ratio and Centering Issues Explained

·

I cant get my clip-path to keep aspect and stay inside wrapper. Hi, I have been fighting with his SVG if anyone understands what is going on here? I want the mask to be centered, preserved ratio. If anyone knows how this all affects eachother 🙏 It’s the hero of this page. with the partial blur-image. https://spine-and-joint-centre.webflow.io/praktische-informatie

2 comments

· Sorted by Oldest

Matt J.
·
johan V. would you mind sharing a read-only link?
johan V.
·
Hey Matt, I fixed it by putting the masked image inside a container that keeps the right ratio. The only downside is now the center is zoomed out. But I can live with that. The read-only-link would no longer reflect the issue. Thanks for getting back to me tho 🙏 have a nice day ☀️
💪1

Matt J.
·
johan V. would you mind sharing a read-only link?
johan V.
·
Hey Matt, I fixed it by putting the masked image inside a container that keeps the right ratio. The only downside is now the center is zoomed out. But I can live with that. The read-only-link would no longer reflect the issue. Thanks for getting back to me tho 🙏 have a nice day ☀️
💪1