I really like banners on notes, and I’m trying to create a simple way to insert them. With this model: , I want to apply this snippet on the image:
I’m not good at CSS, I’m doing it with a lot of search.
Expected result
The image showed with its entire width, and a half of height, so that it looks like a banner on the top of the note. I thought object-fit: cover; would crop the image within its aspect ratio. It won’t work.
I’d look into SlRvb’s image adjustment snippet. There are a few options for banner type sizes, and lots of options for other things you may want to do ready to go.