How do I style svelte-image images?

[rchrdnsh]

Dunno how to style the images once they are in a component.

img {...}

...does not seem to work, and:

.Image {...}

...also does not seem to work:

.image {...} with that class added to the component...

...also does not work.

soooooo, how do i style these?

[brittneypostma]

Also, using tailwind and styles are not applying, being overridden by a default class put on the svelte Image tag?

[DukeRupert]

You have to make your style global in order for it to apply to the Image component :

:global(.your-style){
position: relative;
width: 100%;
etc.
}

Also, you may have to apply it to the class, wrapperClass and placeholderClass depending on what your doing.

[rchrdnsh]

k, sort of working, but now how do i apply a conditional class? Like this:

class:playing-border={currentTitle === post.title}

?