Using 3d models as a gif on the website

Hello! So, I have a doubt regarding the animation on Webflow. I want to add an animation to the starting of the website. The animation will be like color drops from the dropper and the color of the artboard below it changes. I plan to do it for 3-4 colors but after that, it will repeat again. Also, it will be a 3d model. So, if adding a gif of those 3d models would work out? or do I need to do something else?

Why would possibly adding a simple gif may not work out? It’s just an image

I am worried about the quality and responsiveness

You are in charge of a quality of your gif. It will be whatever you make it to be.

The gif is as responsive as any other image.