anchor.diff:              </div>
           </div>
       </section>
  -    <div id="map" style="position: relative; overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; background-color: rgb(229, 227, 223);"><div class="gm-err-container"><div class="gm-err-content"><div class="gm-err-icon"><img src="https://maps.gstatic.com/mapfiles/api-3/images/icon_error.png" draggable="false" style="user-select: none;"></div><div class="gm-err-title">Oops! Something went wrong.</div><div class="gm-err-message">This page didn't load Google Maps correctly. See the JavaScript console for technical details.</div></div></div></div></div>+    <div id="map" style="position: relative; overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; background-color: rgb(229, 227, 223);"><div class="gm-err-container">
  +            <%= image_tag("/spain-image.jpg")%>
  +    <div class="gm-err-content"><div class="gm-err-icon"></div></div></div></div></div></div>
positive.code:     <section id="about" class="container content-section text-center">
          <div class="row">
              <div class="col-lg-8 col-lg-offset-2">
                  <h2>About The Diner</h2>
                 
              </div>
          </div>
      </section>
  
negative.code:             <div class="container">
                  <div class="row">
                      <div class="col-md-8 col-md-offset-2">
                          <h1 class="brand-heading">The Pop-Up Diner</h1>
              
                          <a href="#about" class="btn btn-circle page-scroll">
                              <i class="fa fa-angle-double-down animated"></i>
  