Some improvement to look more like the mockup

css/media-queries.css

@@ -282,34 +282,44 @@ div#nav-logo {
 
    /* clients
    ------------------------------------*/
+
    .NCcontainer {
-     grid-template-rows: 40% 30% 30%;
+     grid-template-rows: 20% 40% 40%;
    }
 
-   .NCimage {
+   .NCclients {
+     grid-row-start: 3;
+     grid-row-end: 4;
+     grid-column-start: 1;
+     grid-column-end: 4;
+   }
+
+   .NCimage_right {
      grid-row-start: 2;
      grid-row-end: 3;
      grid-column-start: 1;
      grid-column-end: 4;
-     justify-self: center;
+     align-self: center;
    }
-   .NCtext {
+   .NCtext_right {
      grid-row-start: 1;
      grid-row-end: 2;
      grid-column-start: 1;
      grid-column-end: 4;
      align-self: start;
    }
-   .NCservices {
-     grid-row-start: 3;
-     grid-row-end: 4;
+
+   .NCclients .client-item {
+     width: 30% !important;
+     min-width: 100px;
+     min-height: auto;
+     margin: 10px;
    }
 
    .clients .row {
      display: block;
    }
 
-
    .client-item {
      width: 280px !important;
      margin-left: auto;

css/style.css

@@ -819,32 +819,32 @@ ul#nav li a:hover .ul#nav li ul {
 
 .NCcontainer {
   display: grid;
-  grid-template-rows: 60% 40%;
-  grid-template-columns: 49% 2% 49%;
+  grid-template-rows: 40% 60%;
+  grid-template-columns: 39% 2% 59%;
 }
 
-.NCservices h2 {
+.NCclients h2 {
   text-align: center;
 }
 
 .NCclients {
   grid-row-start: 2;
   grid-row-end: 3;
-  grid-column-start: 1;
+  grid-column-start: 3;
   grid-column-end: 4;
 }
 
 .NCimage_right {
-  grid-row-start: 1;
-  grid-row-end: 2;
+  grid-row-start: 2;
+  grid-row-end: 3;
   grid-column-start: 1;
-  grid-column-end: 2;
-  align-self: center;
+  grid-column-end: 3;
+  align-self: start;
 }
 .NCtext_right {
   grid-row-start: 1;
   grid-row-end: 2;
-  grid-column-start: 3;
+  grid-column-start: 1;
   grid-column-end: 4;
   align-self: start;
 }
@@ -864,6 +864,12 @@ ul#nav li a:hover .ul#nav li ul {
   align-self: start;
 }
 
+.NCclients .client-item {
+  width: 20%;
+  min-width: 100px;
+  min-height: auto;
+}
+
 
 /* Contact
 --------------------------------------*/

templates/modular/cloudclient-right.html.twig

@@ -1,7 +1,6 @@
 {% block content %}
 <section id="{{ page.slug }}">
-    <div class="fullbar" style="background-color:{{ page.header.bgcolor }};">
-      <div class="fullbar-content" style="color:{{ page.header.fontcolor }}; text-align:{{ page.header.text_align }};">
+
 
 <div class="NCcontainer">