diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css index 6135604..7dcd9eb 100644 --- a/blocks/columns/columns.css +++ b/blocks/columns/columns.css @@ -14,13 +14,28 @@ } .columns picture img { - height: 100%; + position: absolute; + top: 0; left: 0; - object-fit: cover; + width: 100%; + height: 100%; + object-fit: contain; /* Maintain aspect ratio, fitting the image within the container */ + transition: all 0.3s ease 0s; +} + +.zoomed-image picture img { position: absolute; top: 0; - transition: all .3s; + left: 0; width: 100%; + height: 100%; + object-fit: cover; /* Maintain aspect ratio, fitting the image within the container */ + transition: all 0.3s ease 0s; +} + +.zoomed-image:hover picture img { + transform: scale(1.1); + transition: all 0.3s ease 0s; } .columns img {