If you will check original image (first one), its code looks this way:
- Code: Select all
<img src="/gavick.com/j3/mo/images/demo/style1/devices.svg" data-fallback="images/demo/style1/devices.png" alt="Devices" width="482" height="145" data-styles="true" data-scrollreveal="enter bottom and move 100px over 0.66s wait 0.1s" />
Now your image looks this way:
- Code: Select all
<img src="/images/demo/style4/devices.png" alt="">
Same with second one:
- Code: Select all
<img src="/gavick.com/j3/mo/images/demo/style1/documentation.svg" data-fallback="images/demo/style1/documentation.png" data-styles="true" alt="Documentation - image" data-scrollreveal="enter right and move 100px over 0.66s" width="291" height="352" />
vs yours:
- Code: Select all
<img src="/images/demo/style4/documentation.png" alt="">
Your images are missing parts that define the animation.
Probably the problem is with tinyMCE. Please disable it while editing the modules.