tweaked ryf-list image css for odd shaped images

this way wide images won't get horizontally compressed

diff --git a/css/style.css b/css/style.css
index 1841ffcc2ded06062109d9f1e08d3ef3f8353290..72a0448e1904bdd63ea5e328dc4cc6d931e2924d 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -303,12 +303,19 @@ nav .search-block-form {
   border-radius: 5px;
   position: relative;
   text-align: center;
+  display: flex;
+  align-items: center;
 }
 
-.ryf-list img {
+.ryf-list .field--type-image a {
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.ryf-list .field--type-image img {
   width: auto;
-  height: 100%;
-  margin: auto 0;
+  max-height: 150px;
+  margin: 0 auto;
   display: inline-block;
 }