Updated css to add color for home page, updated backstop references

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -957,6 +957,9 @@ li.linked-card:hover svg,
   .usa-card__container {
     align-items: center;
     text-align: center;
+    border-radius: 4px;
+    overflow: hidden;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     img {
       margin: units(4) auto 0;
       width: units(15);
@@ -965,9 +968,17 @@ li.linked-card:hover svg,
     .usa-card__body {
       margin-bottom: units(2);
     }
+    .blue-bar {
+      background-color: #005eb8;
+      height: 1.3em;
+      width: 100%;
+      margin: 0;
+      border-radius: 0;
+    }
   }
 }
 
+
 .contact-us-card {
   border: 2px solid color("ink");
   padding: units(2);

app/templates/views/signedout.html

@@ -66,6 +66,7 @@ import usaButton %} {% block meta %}
       <ul class="usa-card-group display-flex margin-bottom-4">
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/internet.svg') }}"
               alt="Globe on top of a web browser"
@@ -80,6 +81,7 @@ import usaButton %} {% block meta %}
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/fast.svg') }}"
               alt="Stopwatch with a notification speech bubble with a star inside"
@@ -94,6 +96,7 @@ import usaButton %} {% block meta %}
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/status.svg') }}"
               alt="3 status messages, 2 successes and one failure"
@@ -110,6 +113,7 @@ import usaButton %} {% block meta %}
       <ul class="usa-card-group">
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/translation.svg') }}"
               alt="Speech bubbles with the letter A and the Chinese character for language"
@@ -126,6 +130,7 @@ import usaButton %} {% block meta %}
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/security.svg') }}"
               alt="Lock with code icon inside on top of a web browser"
@@ -143,6 +148,7 @@ import usaButton %} {% block meta %}
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/send.svg') }}"
               alt="Paper airplane and a notification icon with the number 1 inside"