diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 1bf9d51..9c7c285 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -24,7 +24,7 @@
       </div>
     </div>
   </div>
-  <ng-template #scrolling_text let-position_class="position_class">
+  <!-- <ng-template #scrolling_text let-position_class="position_class">
     <div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 0vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0">
       <h3 class="uk-h2 uk-text-primary">
         Monitor, discover and understand.
@@ -73,7 +73,7 @@
         </div>
       </div>
     </div>
-  </div>
+  </div> -->
 	<div class="uk-background-norepeat graph-background">
 		<div class="uk-section uk-section-large uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom uk-overflow-hidden">
       <div class="uk-flex uk-flex-column uk-flex-middle">
@@ -295,14 +295,14 @@
 			</div>
     </div>
 		<div class="uk-container uk-padding-remove-right uk-height-medium uk-position-relative">
-			<img class="uk-position-absolute" style="width: 250px; right: -10%; bottom:-35%; padding: 1px;" src="assets/monitor-assets/home/monitor.jpg" uk-parallax="y: 100">
+			<img class="uk-position-absolute" style="width: 250px; right: -10%; bottom:-35%; padding: 1px;" src="assets/monitor-assets/home/monitor.jpg" uk-parallax="y: 200">
 			<img class="uk-position-absolute" style="width: 250px; right: -10%; bottom:-35%;" src="assets/monitor-assets/home/mask.svg">
 			<div>
-				<a class="uk-button uk-button-primary uk-text-uppercase" routerLink="/get-started">Get Started</a>
+				<a class="uk-button uk-button-primary uk-text-uppercase uk-position-relative" routerLink="/get-started">Get Started</a>
 			</div>
 		</div>
   </div>
-	<!-- <ng-template #scrolling_text let-position_class="position_class">
+	<ng-template #scrolling_text let-position_class="position_class">
     <div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 0vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0">
       <h3 class="uk-h2 uk-text-primary">
         Monitor, discover and understand.
@@ -331,21 +331,19 @@
       <div id="js-sticky-parallax-images-all" style="min-height: 300vh">
         <div class="uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all">
           <div>
-            <div class="" style="height: 85vh;">
-              <div uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
-								<div class="uk-padding-large">
-									<img src="assets/monitor-assets/home/ipad-mobile.png" alt="ipad" loading="lazy">
-								</div>
+            <div style="height: 100vh;">
+              <div class="uk-text-center uk-padding" style="height: 45vh;" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
+								<img class="uk-height-1-1" src="assets/monitor-assets/home/ipad-mobile.png" alt="ipad" loading="lazy">
               </div>
-            </div>
-            <div class="">
-              <ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-bottom-center'}"></ng-container>
+							<div class="uk-position-relative" style="height: 55vh;">
+								<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center'}"></ng-container>
+							</div>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </div> -->
+  </div>
 	<div class="uk-section uk-section-large uk-position-relative uk-overflow-hidden">
 		<img class="uk-position-absolute" src="assets/monitor-assets/home/graph.svg" alt="OpenAIRE Graph" loading="lazy"
 			style="width: 200px; top: -80px; left: -80px;">
@@ -501,14 +499,14 @@
 		<ng-container *ngIf="!loading">
 			<div>
 				<slider-tabs position="horizontal">
-					<slider-tab tabId="all" tabTitle="All"></slider-tab>
-					<slider-tab tabId="{{stakeholderEntities.FUNDERS}}" tabTitle="{{stakeholderEntities.FUNDERS | titlecase}}"></slider-tab>
-					<slider-tab tabId="{{stakeholderEntities.RIS}}" tabTitle="{{stakeholderEntities.RIS | titlecase}}"></slider-tab>
-					<slider-tab tabId="{{stakeholderEntities.ORGANIZATIONS}}" tabTitle="{{stakeholderEntities.ORGANIZATIONS | titlecase}}"></slider-tab>
+					<slider-tab [tabId]="'all'" tabTitle="All"></slider-tab>
+					<slider-tab [tabId]="'{{stakeholderEntities.FUNDERS}}'" tabTitle="{{stakeholderEntities.FUNDERS | titlecase}}"></slider-tab>
+					<slider-tab [tabId]="'{{stakeholderEntities.RIS}}'" tabTitle="{{stakeholderEntities.RIS | titlecase}}"></slider-tab>
+					<slider-tab [tabId]="'{{stakeholderEntities.ORGANIZATIONS}}'" tabTitle="{{stakeholderEntities.ORGANIZATIONS | titlecase}}"></slider-tab>
 				</slider-tabs>
 			</div>
-			<ul id="tabs-content" class="uk-switcher">
-				<li id="all">
+			<ul id="tabs-content" class="uk-switcher uk-overflow-hidden">
+				<li [id]="'all'">
 					<div class="uk-padding-small uk-padding-remove-right" uk-height-match="target: .uk-card; row: false">
 						<div class="uk-flex uk-flex-nowrap" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
 							<div *ngFor="let stakeholder of stakeholders" uk-scrollspy-class>
@@ -517,7 +515,7 @@
 						</div>	
 					</div>
 				</li>
-				<li id="{{stakeholderEntities.FUNDERS}}">
+				<li [id]="'{{stakeholderEntities.FUNDERS}}'">
 					<div class="uk-padding-small uk-padding-remove-right" uk-height-match="target: .uk-card; row: false">
 						<div class="uk-flex uk-flex-nowrap" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
 							<div *ngFor="let funder of funders" uk-scrollspy-class>
@@ -526,7 +524,7 @@
 						</div>	
 					</div>
 				</li>
-				<li id="{{stakeholderEntities.RIS}}">
+				<li [id]="'{{stakeholderEntities.RIS}}'">
 					<div class="uk-padding-small uk-padding-remove-right" uk-height-match="target: .uk-card; row: false">
 						<div class="uk-flex uk-flex-nowrap" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
 							<div *ngFor="let ri of ris" uk-scrollspy-class>
@@ -535,7 +533,7 @@
 						</div>	
 					</div>
 				</li>
-				<li id="{{stakeholderEntities.ORGANIZATIONS}}">
+				<li [id]="'{{stakeholderEntities.ORGANIZATIONS}}'">
 					<div class="uk-padding-small uk-padding-remove-right" uk-height-match="target: .uk-card; row: false">
 						<div class="uk-flex uk-flex-nowrap" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
 							<div *ngFor="let organization of organizations" uk-scrollspy-class>
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 9b62812..125820f 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 9b6281219586773ed0cb297aef4b6700e0dcbf79
+Subproject commit 125820fa6827e075b4d9e11edef3b59e6cfd75df