From 0bf674b4c0ef2f7d830a6e391bfbdc3bc0383083 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 4 Oct 2022 16:11:05 +0300
Subject: [PATCH] [Explore]: home.component.html: For small screens, set
 style="width: 70%;" for tablet and scrolling images.

---
 explore/src/app/home/home.component.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html
index 52af16ae..45fb8e44 100644
--- a/explore/src/app/home/home.component.html
+++ b/explore/src/app/home/home.component.html
@@ -218,15 +218,19 @@
           <div class="uk-flex uk-flex-column">
             <div class="explore-dark-logo-background uk-inline uk-width-1-1" style="height: 40vh;">
 							<img class="uk-position-center uk-position-z-index" src="assets/explore-assets/home/tablet.png" alt="ipad" loading="lazy"
-								uk-parallax="target: #js-sticky-parallax-images-all;">
+                   uk-parallax="target: #js-sticky-parallax-images-all;" style="width: 70%;">
 							<img class="uk-position-center" src="assets/explore-assets/home/1.png" alt="ipad" loading="lazy"
-								uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0">
+                   uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0"
+                   style="width: 70%;">
 							<img class="uk-position-center" src="assets/explore-assets/home/2.png" alt="ipad" loading="lazy"
-								uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 210vh; opacity: 0,1 20%,1 99%,0; easing:0">
+                   uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 210vh; opacity: 0,1 20%,1 99%,0; easing:0"
+                   style="width: 70%;">
 							<img class="uk-position-center" src="assets/explore-assets/home/3.png" alt="ipad" loading="lazy"
-								uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 260vh; opacity: 0,1 20%,1 99%,0; easing:0">
+                   uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 260vh; opacity: 0,1 20%,1 99%,0; easing:0"
+                   style="width: 70%;">
 							<img class="uk-position-center" src="assets/explore-assets/home/4.png" alt="ipad" loading="lazy"
-								uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 310vh; opacity: 0,1 20%,1; easing:0">
+                   uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 310vh; opacity: 0,1 20%,1; easing:0"
+                   style="width: 70%;">
             </div>
             <div class="uk-inline uk-width-expand">
               <ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-top-center'}"></ng-container>