diff --git a/assets/css/custom.css b/assets/css/custom.css
index 6e5c255..5eae905 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -291,3 +291,24 @@ a.wp-block-tiptip-hyperlink-group-block {
     --wp--preset--font-size--xx-large: 38px;
   }
 }
+
+/* styling quote block */
+.wp-block-quote { position: relative; }
+
+.wp-block-quote p {
+  padding-left: 1em;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+}
+
+.wp-block-quote p::before {
+    content: '';
+    background: var(--wp--preset--gradient--green-to-violet-vertical);
+    width: 16px;
+    height: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
diff --git a/theme.json b/theme.json
index 1546497..cad608e 100644
--- a/theme.json
+++ b/theme.json
@@ -30,6 +30,11 @@
 					"gradient": "linear-gradient(0deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
 					"name": "Violet to Bright Green (Vertical)",
 					"slug": "violet-to-green-vertical"
+				},
+				{
+					"gradient": "linear-gradient(180deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
+					"name": "Bright Green to Violet (Vertical)",
+					"slug": "green-to-violet-vertical"
 				}
 			],
 			"palette": [
@@ -637,7 +642,6 @@
 				"color": {
 					"text": "var(--wp--preset--color--black)"
 				},
-				"css": ".wp-block-quote p {\n  padding-left: 1em;\n  border-left: 16px solid #54FF52;\n  font-size: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n}",
 				"elements": {
 					"link": {
 						"color": {