Dear @fer1113
I will try to help!
If i understand your question properly and correct me if i'm wrong :)
The web document seems ok although the semicolons ( ; ) on the last "opacity" ' s are missing - i have fixed them below
@keyframes imageAnimation {
0% {
animation-timing-function: ease-in;
opacity: 0;
}
8% {
animation-timing-function: ease-out;
opacity: 1;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
However in terms of the code working but showing up for every page -
I believe it is because you haven't specified the page in which this code should be applied so it just gets applied to the "Body" of every page.
Each page has its own information that you can use to target it
Screen Shot 2020-07-29 at 2.52.44 PM.png
Here for this page "Fashion" you can see things like "data-id=47" & "data-slug="fashion" etc
Look into adding something in both the HTML and CSS "Body" tags that will target the actual page you want :)
Here are some links that i hope will help you in the right direction:
https://www.khanacademy.org/computing/computer-programming/html-css
https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools
Best of luck and Thank you for your patience and using Lay Theme!
Sincerely
Richard