diff --git a/README.md b/README.md
index 0bd9036af568d0ecb9ecee92c902dde82808f32e..ffa340dbc34d82b344e73eeb3c8494287e5da17c 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,17 @@
+# Tailwind IntelliSense
+
+> Autocompletion for Tailwind CSS utilities
+
+## HTML
+
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html.gif" alt="HTML autocompletion" width="750">
+
+Hover over a class name to preview the CSS:
+
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html-hover.gif" alt="HTML hover preview" width="750">
+
 # vscode-tailwindcss
 
-<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/html.gif" alt="HTML autocompletion" width="600">
+In CSS files you get autocompletions when using `@apply` and the `config()` helper.
+
+<img src="https://github.com/bradlc/vscode-tailwindcss/blob/master/src/img/css.gif" alt="CSS autocompletion" width="750">

diff --git a/src/img/css.gif b/src/img/css.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7e288570a3403e267c9547f921f3cc518d1ba7b4
Binary files /dev/null and b/src/img/css.gif differ

diff --git a/src/img/html-hover.gif b/src/img/html-hover.gif
new file mode 100644
index 0000000000000000000000000000000000000000..94540b86a062f0274f9ae1d3d755898f749fed43
Binary files /dev/null and b/src/img/html-hover.gif differ