diff --git a/src/components/common/container-scroll.tsx b/src/components/common/container-scroll.tsx
index 3a3c740..f49bfec 100644
--- a/src/components/common/container-scroll.tsx
+++ b/src/components/common/container-scroll.tsx
@@ -21,7 +21,7 @@ export function PreviousEdition() {
           width="100%"
           height="450"
           src="https://www.youtube.com/embed/NCWwTsAjiys?si=xBkmPtQEYQl_tEIX"
-          className="md:h-[450px] h-[200px]"
+          className="md:h-[450px] h-[250px]"
         ></iframe>
       </ContainerScroll>
     </div>
diff --git a/src/components/ui/container-scroll-animation.tsx b/src/components/ui/container-scroll-animation.tsx
index 3fb8a9c..8e88424 100644
--- a/src/components/ui/container-scroll-animation.tsx
+++ b/src/components/ui/container-scroll-animation.tsx
@@ -38,7 +38,7 @@ export const ContainerScroll = ({
 
   return (
     <div
-      className="h-[45rem] md:h-[80rem] flex items-center justify-center relative p-2 md:px-20"
+      className="h-[50rem] md:h-[80rem] flex items-center justify-center relative md:px-20 -mb-52 -mt-28 xl:mb-4 "
       ref={containerRef}
     >
       <div
@@ -95,7 +95,7 @@ export const Card = ({
         boxShadow:
           "2px 2px #0000004d, 4px 2px 5px #0000004a, 9px 9px 9px #00000042, 12px 21px 12px #00000026, 15px 37px 15px #0000000a, 17px 58px 17px #00000003",
       }}
-      className="max-w-5xl -mt-14 lg:mb-10 mb-5 lg:mt-0 mx-auto md:h-fit h-[200px] w-full border-[#6C6C6C] p-2 md:p-4 bg-[#222222] rounded-[16px] shadow-2xl"
+      className="max-w-5xl -mt-14 lg:mb-10 mb-5 lg:mt-0 mx-auto md:h-fit h-[250px] w-full border-[#6C6C6C] p-2 md:p-4 bg-[#222222] rounded-[16px] shadow-2xl"
     >
       <div className=" h-full w-full   overflow-hidden rounded-2xl bg-gray-100 dark:bg-zinc-900 md:rounded-[16px] md:p-4 ">
         {children}