diff --git a/src/block-components/separator/style.scss b/src/block-components/separator/style.scss
index 5e7ab554a..22e865951 100644
--- a/src/block-components/separator/style.scss
+++ b/src/block-components/separator/style.scss
@@ -2,16 +2,28 @@
 
 .stk-block {
 	&:is(.stk-has-top-separator, .stk-has-bottom-separator) {
-		> *:not(.stk-video-background) { // Don't change the order of any video backgrounds, they stay at the back.
+		> *:not(.stk-video-background, .stk-separator) { // Don't change the order of any video backgrounds, they stay at the back.
 			z-index: 2;
 		}
 
+		// This is for the CTA and Hero block
+		:is(.stk-block-hero__content, .stk-block-call-to-action__content) {
+			position: relative;
+		}
+
 		.stk-separator ~ *:not(.stk-separator, .stk-video-background) {
 			z-index: 5;
 			position: relative;
 		}
 	}
 
+	// This is for the Feature block
+	&.stk-block-feature:is(.stk-has-bottom-separator) {
+		:is(.stk-container) {
+			position: relative;
+		}
+	}
+
 	.stk-separator__top {
 		transform: scaleY(-1);
 	}
@@ -50,7 +62,7 @@
 		pointer-events: none;
 		inset: -1px 0; // -1px on the sides might make horizontal scrollbars appear.
 		overflow: hidden;
-
+		z-index: 1;
 		svg {
 			filter: drop-shadow(0px 2px 20px rgba(153, 153, 153, 0.2));
 			left: 0;