ok

src/components/CNNVIDEO.jsx

@@ -6,17 +6,12 @@ import React from 'react'
 
 const CnnVideo = () => {
     return (
-        <section
-      id="testimonials"
-      aria-label="What our customers are saying"
-      className="bg-transparent pt-6 pb-24"
-    >
       <Container>
-        <div className="mx-auto max-w-5xl md:text-center">
+        <div className="mx-auto max-w-4xl md:text-center">
           <h2 className="font-display text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
           VEDA ON CNN 
           </h2>
-          <p className="mb-10 mt-4 text-lg font-medium tracking-[-0.001em] lg:text-xl text-darkgr-950">
+          <p className="mb-6 sm:mb-10 mt-4 text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
           CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile.
           </p>
         </div>
@@ -24,15 +19,14 @@ const CnnVideo = () => {
         <iframe
           src="https://player.vimeo.com/video/371621672?loop=1&muted=1"
           width="100%"
-          height="600"
+          height="300"
           frameBorder="0"
           allow="autoplay; fullscreen; picture-in-picture"
           allowFullScreen
-          className="rounded-lg w-full max-w-6xl mx-auto"
+          className="rounded-lg w-full max-w-6xl mx-auto sm:h-[400px] lg:h-[600px]"
         ></iframe>
       </div>
         </Container>
-        </section>
     );
   };