first background image; improve naming of galley images

groups/new-homepage-3/homepage3-js-css.html

@@ -18,6 +18,14 @@ body {
         font-size: 1.2em;
 }
 
+/* style background image */
+.kbcc-background-image {
+        background-image: url("https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg");
+        padding: 20px 0px;
+        height: 230px;
+        border-radius: 5px;
+}
+
 /* style navbar */
 
 .navbar-default {
@@ -80,7 +88,7 @@ a.searchmenu {
 
 /* style for nav by the jumbotron */
 .nav-by-jumbotron {
-        margin-top: -6px;
+        margin-top: 0px;
         margin-bottom: 40px;
 }
 
@@ -136,12 +144,10 @@ a.no-underline {
        padding: 2px;
 }
 
+/* style the gallery */
+
 .slick-slide img {
         padding: 2px;
-}
-
-/* style the gallery */
-img {
         max-height: 350px !important;
         object-fit: contain;
         margin: 0px;

groups/new-homepage-3/homepage3-template.html

@@ -229,7 +229,7 @@
                         </div>
                 </div>
                 <div class="container">
-			<div class="row">
+			<div class="row kbcc-background-image">
                                  <div class="col-sm-8">
 				         <form class="form-inline yamm onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8" id="formToAppendInputsTo">
                                                  <!-- default is "everything"  option suggested from OLS widget builder -->