Manual offset for sticky navbar

Greetings, I’m a designer new to Webflow (and coding) and am having issues with my sticky navbar. Every time I find a solution for one problem and a new one arises. I created a sticky navbar within my project case study page to navigate to each section using a sticky container. However, the content was getting hidden behind the navbar and I discovered a forum topic that recommended creating a manual offset using a div box with a negative margin. It mostly worked, but now my current state animations have disappeared. Wondering if I could get some advice on what the issue is?


Here is my site Read-Only: (https://preview.webflow.com/preview/rebecca-droke-design?utm_medium=preview_link&utm_source=designer&utm_content=rebecca-droke-design&preview=c811972f10cd8e2477f16ca70fb14092&pageId=626b2ff4b6ab7643cca0b213&itemId=626bd27b9533015de122cffb&workflow=preview)