[Usage - Counts | Trunk]: Change About workflows image

src/app/about/about.component.css

@@ -77,7 +77,11 @@
 }
 
 @media only screen and (min-width: 1200px) {
-    .workflows img {
+    .workflows {
+        background-image:  url("/assets/usage-statistics-assets/about/3.2.svg");
+        background-repeat: no-repeat;
+        background-position: top left;
+        background-size: auto;
         margin-left: -10%;
     }
 }

src/app/about/about.component.html

@@ -37,11 +37,12 @@
         research products of the OpenAIRE graph, creates and deploys aggregated statistics for these products.
       </div>
     </div>
-    <div class="uk-section uk-margin-large-top workflows">
+    <div class="uk-section uk-margin-large-top">
       <h2 class="uk-text-bold">Architecture & Workflows</h2>
-      <div class="uk-flex uk-grid uk-child-width-1-2@l uk-margin-large-top" uk-grid>
-        <img src="assets/usage-statistics-assets/about/3.png"
-             class="uk-margin-medium-top uk-width-3-5@l">
+      <div class="uk-flex uk-grid uk-child-width-1-2@l" uk-grid>
+        <div class="uk-width-3-5@l uk-flex uk-flex-center workflows">
+          <img src="assets/usage-statistics-assets/about/3.1.png" class="uk-margin-large-top uk-margin-left">
+        </div>
         <div>
           <h3 class="uk-text-bold portal-color">Architecture functionalities</h3>
           <div class="uk-margin-large-left">