Recently, I created a simple portfolio page using a bootstrap template. The design includes a striking blue header with an animated gif featuring a parallax effect. Interestingly, the animation works perfectly on all devices except iPhones. Even when using the Chrome simulator mode for iPhones, the issue persists. It displays correctly on non-iPhones as well.
As someone new to front-end development, I'm struggling to debug this problem since it appears fine in the Chrome simulator tool where I usually conduct my troubleshooting.
If anyone has any insights or suggestions, I would greatly appreciate the help.
Feel free to check out my site here--