welcome component

src/app/page.tsx

@@ -367,7 +367,7 @@ export default function App() {
             <VideoSliderMobile />
           </div>
 
-          <Histories />
+          {/* <Histories /> */}
 
           <div className="relative 2xl:mb-[200px] sm:mb-[120px] mb-20">
             <div className="grid sm:grid-cols-2 sm:gap-4 gap-6 2xl:mb-16 xl:mb-10 sm:mb-12 mb-8">

src/components/Winners.tsx

@@ -1,12 +1,13 @@
+import Image from "next/image";
 import InsertArrowIcon from "./icons/InsertArrowIcon";
 
 const Winners = () => {
   return (
-    <div className="sm:px-10 flex justify-center items-center sm:flex-row flex-col-reverse ">
-      <div className="flex justify-center items-center sm:w-1/2 xl:h-[607px] p-5">
-        <img src="images/award.png" alt="awards" className="h-full" />
+    <div className="flex sm:flex-row flex-col-reverse border border-[#52587A]">
+      <div className="flex justify-center items-center sm:w-1/2 py-5 px-16 sm:border-r border-t sm:border-t-0 border-[#52587A]">
+        <img src="/images/award.png" alt="awards" />
       </div>
-      <div className="flex flex-col justify-between sm:w-1/2 2xl:pl-[128px] xl:pl-[111px] sm:pl-[28px] pl-0 text-white 2xl:h-[469px] xl:h-[404px] sm:h-[400px] h-[377px] sm:pt-0 xl:p-8 py-8">
+      <div className="flex flex-col sm:w-1/2 sm:justify-between justify-center gap-4 2xl: xl:p-[72px] sm:p-7 py-5 px-8">
         <div>
           <h2 className="2xl:text-[64px] 2xl:leading-[64px] xl:text-5xl xl:leading-[48px] text-[40px] leading-10 xl:mb-8 sm:mb-6 mb-4">
             <p className="from-[#798FFF] to-[#D375FF] bg-gradient-to-r bg-clip-text text-transparent">