Set counter properly in get involved section

src/hbs/partials/components/get-involved.hbs

@@ -34,17 +34,17 @@
             <li class="get-involved__list-item">{{ listItem }}</li>
           {{/each}}
         </ul>
-
-        <div class="get-involved__counter">
-          {{ getInvolved.counterText }}
-        </div>
-
-        {{> components/next-section-link
-          class="get-involved__link"
-          name=getInvolved.nextSectionLink
-        }}
       </div>
     </div>
 
+    <div class="get-involved__counter">
+      {{ getInvolved.counterText }}
+    </div>
+
+    {{> components/next-section-link
+      class="get-involved__link"
+      name=getInvolved.nextSectionLink
+    }}
+
   </div>
 </section>

src/styles/components/_get-involved.scss

@@ -94,6 +94,22 @@
 
   &__counter {
     font-size: 24px;
+
+    @media #{$screen-md} {
+      position: absolute;
+      top: 40px;
+      left: 700px;
+    }
+
+    @media #{$screen-lg} {
+      position: absolute;
+      top: 46px;
+      left: 800px;
+    }
+  }
+
+  &__link {
+    margin: 20px 0;
   }
 
   &__content,