If the images have a different aspect ratio, they however get distorted.
So I'd like to ask if its possible to modify how the thumbnail are resized to its container by some CSS?
I.e. so that thumbnails get cropped to keep their the aspect ratio instead of just fitted?
I tried to apply following css but without any effect:
.j51thumbs .j51Box img {
object-fit: cover;
}
Example of what I'm trying to do with this property can be seen here object-fit.My idea is to have a simple image gallery where all thumbnails are same size but don't get distorted if the aspect ratio doesn't fit.
The user can then of course click them to see the full size.
If this is not possible, I might give Image Hover module a go, it keeps the aspect ratios but ideally I'd like to have the thumbnails to be same size instead of varying size due to possible different aspect ratios.