Aspect ratio and max dimensions are usually fixed by the parent module.
Utility classes can be used elsewhere (shortest first):
aspect-cinema
(2/1)aspect-widescreen
(16/9 - default)aspect-photo
(3/2)aspect-fullscreen
(4/3)aspect-monitor
(5/4)aspect-square
(1/1)aspect-reel
(9/16)Focal point can be set with a utility class on the <img>
element. The format is focus-[x]-[y]
where x
is left
, center
, or right
, and y
is top
, center
, or bottom
. Center can be shortened to focus-center
— this is default so not required.