Blurry logo on animated background

Design help Layout & Design
1

Hello,

I have a problem ensuring my logo doesnt get blurred out. I assume its due to the animated circles in the background. I hope you are able to help me. Here is the link:

https://preview.webflow.com/preview/premura-7cd52bfc7a36e7707-c02174979841d?utm_medium=preview_link&utm_source=designer&utm_content=premura-7cd52bfc7a36e7707-c02174979841d&preview=19a93576f72fc8a65ac4e08768d891ad&workflow=preview

Best,

Simon

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @Simon_Bernhard welcome to the forum,

The blurred elements wrapper (content_wrap) z-index is 99, while the logo element wrapper z-index is 1. This means that the blurred elements are over and not under the logo. If you don’t want the logo to be affected by them, change its wrapper z-index to a higher z-index then the Blurred items wrapper.