diff --git a/src/app/learn-how/learn-how.component.ts b/src/app/learn-how/learn-how.component.ts
index 8a2032c..530805d 100644
--- a/src/app/learn-how/learn-how.component.ts
+++ b/src/app/learn-how/learn-how.component.ts
@@ -189,8 +189,13 @@ import {QuickContactService} from '../openaireLibrary/sharedComponents/quick-con
 							<div>Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views.</div>
 						</div>
 					</div>
-					<div class="mid">
-						<img src="assets/connect-assets/about/placeholder-img.png" alt="">
+					<div class="mid uk-flex uk-flex-middle">
+            <div class="uk-position-relative">
+            <img class="uk-position-center uk-position-z-index uk-position-absolute" src="assets/connect-assets/home/tablet.png" alt="ipad"
+                 loading="lazy"
+                 style="width: 100%;">
+						<img src="assets/connect-assets/home/3.png" alt="">
+            </div>
 					</div>
 					<div class="right">
 						<div class="right-text uk-margin-medium-bottom uk-padding uk-margin-right-left uk-padding-remove-left">