diff --git a/releasenotes/1.7.0/background-image.png b/releasenotes/1.7.0/background-image.png
new file mode 100644
index 00000000..63fda928
Binary files /dev/null and b/releasenotes/1.7.0/background-image.png differ
diff --git a/releasenotes/1.7.0/release-1.7.0.markdown b/releasenotes/1.7.0/release-1.7.0.markdown
index 85d9efaa..adc1f20c 100644
--- a/releasenotes/1.7.0/release-1.7.0.markdown
+++ b/releasenotes/1.7.0/release-1.7.0.markdown
@@ -34,29 +34,6 @@ configuration {
 }
 ```
 
-## Clickable button and icons
-
-```css
-icon-paste {
-    expand: false;
-    filename: "gtk-paste";
-    size: 24;
-    vertical-align: 0.5;
-    action: "kb-primary-paste";
-}
-```
-
-```css
-button-paste {
-    expand: false;
-    content: "My Clickable Message";
-    vertical-align: 0.5;
-    action: "kb-primary-paste";
-}
-```
-
-
-
 
 ## File Completion
 
@@ -86,6 +63,36 @@ element {
 }
 ```
 
+The below screenshot shows both background image and gradients.
+
+![background image](./background-image.png)
+
+
+## Clickable button and icons
+
+```css
+icon-paste {
+    expand: false;
+    filename: "gtk-paste";
+    size: 24;
+    vertical-align: 0.5;
+    action: "kb-primary-paste";
+}
+```
+
+```css
+button-paste {
+    expand: false;
+    content: "My Clickable Message";
+    vertical-align: 0.5;
+    action: "kb-primary-paste";
+}
+```
+
+The screenshot below shows a non-squared image and clickable buttons (the close icon in the top right) 
+
+![rofi icons](./rofi-icons.png)
+
 # Changelog
 
 * ADD: -steal-focus option.
diff --git a/releasenotes/1.7.0/rofi-icons.png b/releasenotes/1.7.0/rofi-icons.png
new file mode 100644
index 00000000..5b792343
Binary files /dev/null and b/releasenotes/1.7.0/rofi-icons.png differ