bunch of custom css design changes + logo

_includes/feature/image.html

@@ -44,7 +44,22 @@
             <a href="{{ image_link | default: image_src }}">
                 <img class="figure-img img-fluid rounded lazyload w-100" alt="{{ image_alt | default: image_caption | escape }}"  title="click to see item" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="{{ image_src }}" >
             </a>
-            {% unless include.caption == false %}<figcaption class="figure-caption text-center">{% if i contains "/" %}{{ image_caption }}{% else %}<a href="{{ image_link }}">{{ image_caption }}</a>{% endif %}</figcaption>{% endunless %}
+            {% unless include.caption == false %}
+<figcaption class="figure-caption text-center text-muted" style="font-size: 0.85rem;">
+
+  <a href="{{ image_link }}"><strong>{{ figure.objectid }}</strong></a>
+  | {{ figure.description }}
+
+  {% if figure.date_created or figure.collection %}
+  
+    <em>({% if figure.date_created %}{{ figure.date_created }}{% endif %}{% if figure.collection %}{% if figure.date_created %}.{% endif %} Licensed for use as part of the {{ figure.collection }} of {B/qKC})</em>
+    {% endif %}
+    
+  {% endif %}
+
+</figcaption>
+{% endunless %}
+
         </figure>
     </div>{% endfor %}
 </div>