Help with rendering best quality GIFs and CSS syntax

**Thanks a ton for any helpful feedback**

I need help with getting best quality GIFs.

I am not used to CSS syntax so it would be amazing if you add a lot of example config.yml files. Also, try adding config.yml files for the GIFs you are displaying in your README.md. They look fantastic. I have spent hours trying to get perfect GIF but no luck.

I don't know what value to give for shadow and also all my GIFs are very small. Yours looks big with good quality.

Also, how do I reduce the width of the terminal. All my commands are stuck to left and there is so much space on the right.

I am really interested in **Floating title-less frame-box with shadow best quality GIF** like you display here:

My GIF looks like this: