Layout styles

Is there a way to stop the component inserting inline css with the image? I’m using this to load a bg image, the layout=fill has worked, just wanted to clean it up a bit.

Something like layout="none" maybe?

[IanVS]

I’m also struggling a little bit here, due to the display: inline-block; being set inline on the Img component. I want to center the image, and I’m trying to use a css class to set display: block; margin: 0 auto;, but the inline styles are winning out. I can add it as a style in attributes.img, but that just feels like escalating the specificity wars, and doesn’t feel very scalable.

That said, adding more options to what are already a huge set of options, feels a bit wrong. I wonder if it would be possible to use normal css classes to do the internal astro-imagetools styling, rather than inline styles, which would at least make it possible to easily override the styles while keeping a default behavior.

[bronze]

I’m just inserting the image component with absolute positioning and object-fit behind my content. [Github link] [Live Link]

I was a bit surprised after inserting the image that it didnt keep its full page proportions (hadnt seen the inline style yet). The fill essentially worked the same, just had it all done before on css.