diff --git a/public/oriyo_bg.jpeg b/public/oriyo_bg.jpeg
new file mode 100644
index 0000000..77ed27a
Binary files /dev/null and b/public/oriyo_bg.jpeg differ
diff --git a/src/widgets/hero-section.tsx b/src/widgets/hero-section.tsx
index c4f6fb7..83627b8 100644
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@@ -12,12 +12,11 @@ export const HeroSection = () => {
 
   return (
     <section className='relative'>
-      <div className='relative h-[500px] w-full overflow-hidden'>
+      <div className='relative h-[300px] w-full overflow-hidden md:h-[500px] xl:h-[700px]'>
         <Image
-          src='/placeholder.svg?height=500&width=1920'
+          src='/oriyo_bg.jpeg'
           alt='Gas Station Network'
-          width={1920}
-          height={500}
+          fill
           className='object-cover'
           priority
         />
@@ -25,7 +24,7 @@ export const HeroSection = () => {
           <div className='container mx-auto'>
             <div className='max-w-lg space-y-4 text-white'>
               <div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
-                <h1 className='text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl'>
+                <h1 className='text-2xl font-bold tracking-tight sm:text-4xl md:text-6xl'>
                   {t('home.hero.title')}
                 </h1>
               </div>