How bottomlessly dumb can CSS be?

scipost_django/scipost/templates/scipost/_hx_participates_in.html

@@ -6,30 +6,30 @@
   </div>
   <div class="card-body logos">
     <a href="https://www.crossref.org" target="_blank" rel="noopener">
-      <img src="https://assets.crossref.org/logo/crossref-logo-200.svg" width="100" height="65" alt="Crossref logo">
+      <img src="https://assets.crossref.org/logo/crossref-logo-200.svg" width="100" height="auto" alt="Crossref logo">
     </a>
     <a href="https://www.doaj.org" target="_blank" rel="noopener">
       <picture>
 	<source type="image/webp" srcset="{% static 'scipost/images/doaj_logo_200.webp' %} 90w">
-	<img src="{% static 'scipost/images/doaj_logo_200.jpg' %}" width="90" height="90" alt="DOAJ logo">
+	<img src="{% static 'scipost/images/doaj_logo_200.jpg' %}" width="90" height="auto" alt="DOAJ logo">
       </picture>
     </a>
     <a href="https://www.clockss.org" target="_blank" rel="noopener">
       <picture>
 	<source type="image/webp" srcset="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.webp' %} 80w">
-	<img src="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.png' %}" width="80" height="73" alt="Clockss logo">
+	<img src="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.png' %}" width="80" height="auto" alt="Clockss logo">
       </picture>
     </a>
     <a href="https://i4oc.org/" target="_blank" rel="noopener">
       <picture>
 	<source type="image/webp" srcset="{% static 'scipost/images/I4OC.webp' %} 100w">
-	<img src="{% static 'scipost/images/I4OC.png' %}" width="100" height="37" alt="I4OC logo">
+	<img src="{% static 'scipost/images/I4OC.png' %}" width="100" height="auto" alt="I4OC logo">
       </picture>
     </a>
     <a href="https://freejournals.org" target="_blank" rel="noopener">
       <picture>
 	<source type="image/webp" srcset="{% static 'scipost/images/FJN-logo-long.webp' %} 100w">
-	<img src="{% static 'scipost/images/FJN-logo-long.png' %}" width="100" height="46" alt="FJN logo">
+	<img src="{% static 'scipost/images/FJN-logo-long.png' %}" width="100" height="auto" alt="FJN logo">
       </picture>
     </a>
   </div>