[ISSUE][DOCS] All White Box Component GIFs except one are not animating

[LB-ArturZieba]

Describe the issue

All of the GIFs on the White Box Component except the one under the Hide edge section are not animating. This was verified on Firefox and Google Chrome browsers on both Windows and Linux.

Video for reference:
https://user-images.githubusercontent.com/86952082/198273859-f80af6ba-d0d7-450e-99b3-9518611eb8d1.mp4

Impacted page(s)

https://www.o3de.org/docs/user-guide/components/reference/shape/white-box/

Expected experience

GIFs are animating.

[chanmosq]

As part of this fix, the gifs should be changed to short MP4 videos within the 1MB file limit. See guidelines: https://www.o3de.org/docs/contributing/to-docs/style-guide/media/#animated-images)

[elidakirigo]

hello! I'd love to contribute to this issue if it's still open and un-assigned. thanks.

[chanmosq]

@elidakirigo That would be a great help! If you want to work on this, feel free to assign yourself to it. For information on how to contribute, check out the Contributing to Docs guide. For this issue specifically, the Animated Images section of the Style Guide will be helpful.

[elidakirigo]

Thanks , I'll take a look at the issue