Why isn't AOS animation working on my dawn theme rich text?

[SankalpParekh]

I am trying to use AOS animations in my dawn theme. I want to add animations to my Rich text.

I have imported and created new assets for aos.css and aos.js and linked them in theme.liquid file.

I have also intialized AOS by putting the following code before </body> on theme.liquid file.

<script>   AOS.init(); </script>

I am trying to put animation on rich text on my homepage. But its not working, according to all the tutorials we are supposed to add data-aos="fade-up" in the DIV section, since I am wanting to do it on rich text, I am adding this specific in rich-text.liquid in the specific DIV.

But it doesnt work. Please help me. I am attaching a link to my website and a screenshot of what i want to edit. 

https://iguanabyswastiparekh.com/

 https://michalsnik.github.io/aos/

[Huptech-Web]

Hello @SankalpParekh 

You forgot to close the src attribute where you have added the script aos.js check this screenshot ( https://prnt.sc/HxLAADCYcJLO )  

Replace the code with
<script>
document.addEventListener("DOMContentLoaded", function() { AOS.init(); });
</script>

[SankalpParekh]

............

[SankalpParekh]

Sorry, I have replace the code in the screenshot with your code.

it doesnt seem to work.

I have also added the animation command in the rich-text.liquid where I want it to work.

 

 

[Huptech-Web]

Hello @SankalpParekh 
you need to keep the aos.js script, I think you have removed it.

[SankalpParekh]

I have added that again, it still doesnt work. 

[Huptech-Web]

Hello @SankalpParekh 

I have checked the store https://iguanabyswastiparekh.com/
AOS is working completely fine now no errors are there.

[SankalpParekh]

It not working on mine. I am using chrome browser.

[YuliyaK]

Was trying to resolve same issue and come across this thread, I found this helpful video - https://www.youtube.com/watch?v=R-JJw6WKyvI&ab_channel=Se%C3%A1nMythen