added an image banner for a landing page using shopify guidelines 1600 x 1050. It crops the top and bottom on full screen view. From a previous “accepted solution” I added this code:
@media only screen and (min-width: 1200px) {
.banner > .banner__media > img {
object-fit: fill;
}
}
It is no longer cropped but is distorted and stretched out.
Help!