fix: improve style and r&d

Author: jleveugle

packages/manager/modules/pci/src/projects/onboarding/onboarding.html

@@ -1,6 +1,6 @@
 <div class="pci_projects_onboarding">
     <div class="row">
-        <div class="col-md-6">
+        <div class="col-md-6 p-5">
             <h1 data-translate="pci_projects_onboarding_title"></h1>
             <p data-translate="pci_projects_onboarding_description1"></p>
             <p data-translate="pci_projects_onboarding_description2"></p>
@@ -12,5 +12,5 @@ <h1 data-translate="pci_projects_onboarding_title"></h1>
             </a>
         </div>
     </div>
-    <img data-ng-src="{{ $ctrl.illustration }}" alt="">
+    <img class="d-none d-lg-block" data-ng-src="{{ $ctrl.illustration }}" alt="">
 </div>

packages/manager/modules/pci/src/projects/onboarding/onboarding.less

@@ -1,8 +1,9 @@
 .pci_projects_onboarding {
   img {
+    z-index: -1;
     position: absolute;
     top: -10vh;
     right: -20vw;
-    height: 100vh;
+    width: 70vw;
   }
 }