Hey Kadoka66,
yes, you’re right, I haven’t thought of that, sorry. There is no way of making the background stay in front of other content and have the content reachable by mouse at the same time, since this is just not how CSS works. An alternative solution would be to create a new layer in the website, declare it as having “position: absolute” and “z-index: 10”, and include the image in there. One more option would be to declare a width limit (in pixels or percentage points) for the existing supersized layer:
#supersized li.activeslide { width: 10% !important; }
yet in this case the bottle may still overlap the content on smaller screens – yet then again you might want to hide the bottle altogether on mobiles and tablets.
Sincerely,
Andrii / Satori Studio