GIFs can only use indexed color mode. That means they have a limited amount of colors that can be used. Redesign your thing to be less gradient-y and maybe it'll stop being so dithered?
every format has a limited amount of colors, gif is just particularly limited. 256 colors, to be specific
there isn't a whole lot of movement going on, so I'd just use a single frame png instead