diff --git a/public/oriyo_bg.jpeg b/public/oriyo_bg.jpeg
index 77ed27a..0eef692 100644
Binary files a/public/oriyo_bg.jpeg and b/public/oriyo_bg.jpeg differ
diff --git a/src/widgets/hero-section.tsx b/src/widgets/hero-section.tsx
index 47ee4cd..7743dca 100644
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@@ -12,15 +12,27 @@ export const HeroSection = () => {
 
   return (
     <section className='relative'>
-      <div className='relative h-[400px] w-full overflow-hidden sm:h-[500px] xl:h-[700px]'>
-        <Image
-          src='/oriyo_bg.jpeg'
-          alt='Gas Station Network'
-          fill
-          className='object-cover'
-          priority
-        />
-        <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30 px-2'>
+      <div className='relative h-[500px] w-full overflow-hidden bg-black sm:h-[500px] xl:h-[700px]'>
+        <div
+          style={{
+            width: '100%',
+            height: '90%',
+            position: 'absolute',
+            top: -60,
+            right: 20,
+          }}
+          className='sm:!top-0 sm:!right-20 sm:!h-[70vh] sm:!w-[100vh]'
+        >
+          <Image
+            src='/oriyo_bg.jpeg'
+            alt='Gas Station Network'
+            fill
+            className='object-cover'
+            priority
+          />
+        </div>
+
+        <div className='absolute inset-0 flex items-end bg-gradient-to-r from-black/70 to-black/30 px-2 pb-12 sm:items-center sm:pb-0'>
           <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'>
@@ -31,7 +43,7 @@ export const HeroSection = () => {
               <p className='text-gray-200 sm:text-lg'>
                 {t('home.hero.description')}
               </p>
-              <div className='mt-6 flex flex-col gap-2 sm:flex-row sm:gap-4'>
+              <div className='mt-6 flex gap-2 sm:flex-row sm:gap-4'>
                 <Link href='#stations'>
                   <Button className='bg-red-600 hover:bg-red-700'>
                     {t('common.buttons.findStation')}{' '}