I’ve recently started working on a website and ran into the problem with image responsivity.
I was very happy to stumble upon this article, where Jon from Edgar Allan Studio thoroughly describes optimization of image display by using Object fit. https://www.edgarallan.com/blog/fully-responsive-images?fbclid=IwAR2zDOcoaG0EqswdFrnyVPCwe7tGx5EuyGS0OEID3eEcLXIpVo3L7Iplfz
Here he’s mentioning that its possible to change ratios of images according to the size of the viewport (i.e 16x9 at desktop/tablet, 1x1 at mobile)
For me, the changes done with Custom code work perfectly throughout all of the breakpoints, but I have a hard time figuring out how to make individual changes since every class alteration is afterwards present in every breakpoint.
I would greatly appreciate any kind of insight, thank you.