Photo styling in alpine


I am trying to style the photos displayed on my blog

I used this snippet

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 4px 4px 20px 2px rgb(0 0 0 / 20%);

but I get white frames on the top and bottom of the photo. How can I fix it? thank you.

Here is an example of what I am talking about.

Thank You!

I don’t see any white frames…

I’m seeing the white frames. Not sure how to fix it. Does it happen with all aspect ratios?

in your case will be some gray/dark frames, since you’re in dark mode

i don’t know :man_shrugging:t2:

i haven’t messed up with the values in the code

The gray that I do see is the box shadow-- do you just not want that? It looked to me like you very intentionally added that.

Well, for some reason, in this same code, in other themes, the image covers the whole frame. Here, in Alpine, I get the top and bottom lines rather than the image covering the whole frame. And that is what I have no clue how to fix.