image not aligning center
I'm trying to align the animated GIF that looks like a road to exactly the center of the page but it's not working
I like everything else how it is but the road is not aligning to the center of the page.
the id is
and the css of it is in line
HTML is in line
any help would be appreciated
w3schools is decent wdym
There are a few different routes you can take to keep the chicken on the road.
The one that first comes to mind is putting the chicken inside the road container and making the road container put all of its elements on top of each other (using flex magic probably)
Another solution would be to programatically position the left coordinate of the road using JS, though that'd get complicated really quickly.