adjusted product teaser image size / margin

adjustment in case image is taller than it is wide, also adding a margin

diff --git a/css/style.css b/css/style.css
index b5ffa34..f726dc4 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -144,11 +144,13 @@ a { transition: 0.3s; }
 }
 
 .ryf-list .field--name-field-image {
-  margin: 0 auto;
+  margin: 0 auto 10px auto;
 }
 
 .ryf-list img {
   max-width: 150px;
+  max-height: 150px;
+  object-fit: contain;
   overflow: hidden;
 }