Fix sliding logo

Author: WilliamRagstad

src/components/FeaturesDiagonal.jsx

@@ -10,7 +10,7 @@ export const FeaturesDiagonal = () => {
 	const [isModalOpen, setIsModalOpen] = useState(false);
 
 	return (
-		<section className="lg:mb-16 w-full flex flex-col justify-center items-center bg-bgDark1 overflow-hidden">
+		<section className="lg:mb-16 w-full flex flex-col justify-center items-center bg-bgDark1">
 			<div className="shape-divider-bottom-1665696614">
 				<svg
 					data-name="Layer 1"
@@ -25,16 +25,18 @@ export const FeaturesDiagonal = () => {
 					></path>
 				</svg>
 			</div>
-			<motion.div
-				initial={{ opacity: 0, x: 400 }}
-				whileInView={{ opacity: 1, x: 0 }}
-				viewport={{ once: true }}
-				transition={{ duration: 2, delay: 0.75 }}
-				className="w-full h-[12vw] min-h-12 relative -mt-[2vw]"
-			>
-				<img src={webx_stripe.src} alt="Web X stripe" className="absolute top-0 right-0 w-1/2 min-w-64 h-full" />
-				{/* <img src={webx_stripe.src} alt="Web X stripe" className="w-1/2 h-full ml-auto" /> */}
-			</motion.div>
+			<div className="overflow-hidden w-full">
+				<motion.div
+					initial={{ opacity: 0, x: 400 }}
+					whileInView={{ opacity: 1, x: 0 }}
+					viewport={{ once: true }}
+					transition={{ duration: 2, delay: 0.75 }}
+					className="w-full h-[12vw] min-h-12 relative -mt-[2vw]"
+				>
+					<img src={webx_stripe.src} alt="Web X stripe" className="absolute top-0 right-0 w-1/2 min-w-64 h-full" />
+					{/* <img src={webx_stripe.src} alt="Web X stripe" className="w-1/2 h-full ml-auto" /> */}
+				</motion.div>
+			</div>
 			<motion.div
 				initial={{ opacity: 0 }}
 				whileInView={{ opacity: 1 }}