As there is no option to change the aspect-ratio of the image element in Breakdance (at least for the moment), we have to do it manually, with some custom CSS.
Step 1
Select the Image element, set the Height to auto , and Object Fit to Cover
Step 2
In the Advanced tab of the Image element, add this custom CSS:
%%SELECTOR%% img {
aspect-ratio:1;
}
aspect-ratio:1;
}
Set the aspect-ratio to 1 if you want to have a square image, or change it to 4/3, 16/9...
Changing the position
We can also change the position, with the object-position CSS property.
Why doing so ? Check the 2 following images. They both have the same aspect-ratio (21/9) but the right has a different position:
object-position:bottom;
To set the position, we just have to add the object-position property in our Custom CSS:
%%SELECTOR%% img {
aspect-ratio:21/9;
object-position:bottom;
}
aspect-ratio:21/9;
object-position:bottom;
}