diff --git a/frontend/public/img/template/Foto_01.jpg b/frontend/public/img/template/Foto_01.jpg
deleted file mode 100644
index 6238da44c..000000000
Binary files a/frontend/public/img/template/Foto_01.jpg and /dev/null differ
diff --git a/frontend/public/img/template/Foto_04_2400_small.jpg b/frontend/public/img/template/Foto_04_2400_small.jpg
new file mode 100644
index 000000000..25e319e22
Binary files /dev/null and b/frontend/public/img/template/Foto_04_2400_small.jpg differ
diff --git a/frontend/public/img/template/Foto_05_2400_small.jpg b/frontend/public/img/template/Foto_05_2400_small.jpg
new file mode 100644
index 000000000..5b1cb2e64
Binary files /dev/null and b/frontend/public/img/template/Foto_05_2400_small.jpg differ
diff --git a/frontend/src/components/Auth/AuthCarousel.vue b/frontend/src/components/Auth/AuthCarousel.vue
index 0099d9d68..2707d862b 100644
--- a/frontend/src/components/Auth/AuthCarousel.vue
+++ b/frontend/src/components/Auth/AuthCarousel.vue
@@ -5,11 +5,11 @@
         <div class="caption-first-text">{{ $t('auth.left.gratitude') }}</div>
         <div class="caption-second-text">{{ $t('auth.left.oneGratitude') }}</div>
       </BCarouselSlide>
-      <BCarouselSlide img-src="/img/template/Foto_02_2400_small.jpg">
+      <BCarouselSlide img-src="/img/template/Foto_05_2400_small.jpg">
         <div class="caption-first-text">{{ $t('auth.left.dignity') }}</div>
         <div class="caption-second-text">{{ $t('auth.left.oneDignity') }}</div>
       </BCarouselSlide>
-      <BCarouselSlide img-src="/img/template/Foto_03_2400_small.jpg">
+      <BCarouselSlide img-src="/img/template/Foto_04_2400_small.jpg">
         <div class="caption-first-text">{{ $t('auth.left.donation') }}</div>
         <div class="caption-second-text">{{ $t('auth.left.oneDonation') }}</div>
       </BCarouselSlide>
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index e9f0aeaf7..984c93870 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -4,7 +4,7 @@
       <auth-navbar class="index10" />
 
       <div class="left-content-box position-fixed d-none d-lg-block">
-        <div class="bg-img-box position-absolute w-100">
+        <div v-if="isDesktop" class="bg-img-box position-absolute w-100">
           <auth-carousel class="carousel" />
         </div>
         <div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center">
@@ -134,6 +134,7 @@ onBeforeMount(() => {
   // clear state
   store.commit('project', null)
 })
+const isDesktop = computed(() => window.innerWidth > 768)
 
 // put project value into store, if projectBrandingBanner query don't throw an error, so project exists
 watchEffect(() => {