Use SVG images if available on Technologies page

_layouts/technology.html

@@ -15,7 +15,7 @@
     <div id="page-banner">
       <div class="row">
         <div class="small-12 small-centered columns">
-          <img src="/images/technologies/{{ page.slug }}.png" alt="">
+          <img src="/images/technologies/{{ page.slug }}" alt="{{ page.name }}">
           <h1>Coops that use <span>{{ page.name }}</span></h1>
         </div>
       </div>
@@ -40,7 +40,7 @@
                 {% if coop.technologies contains page.slug %}
                   <div class="column">
                     <a href="{{ coop.url | relative_url }}" class="coop-thumb">
-                      <img src="/images/coops/{{ coop.slug }}.png" alt="">
+                      <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
                     </a>
                   </div>
                 {% endif %}