Adding image to Card model

[AD_25]

Hello, i want to add an image to this card model, but i don’t know how to do it.

[AD_25]

i found how to add the image but now it’s too big. I guess i need to modify the CSS file.
The image is in “

”.
Here’s the CSS:
.card {
padding: 1em 0;
background-color: white;
color: black;
font-family: Verdana;
font-size: 16px;
text-align: center;
}

.type {
margin-bottom: 0.25em;
color: #333;
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
}

.info {
max-width: 30em;
margin: 0.75em auto;
color: #333;
font-size: 90%;
font-style: italic;
}

.value {
font-size: 150%;
}

.value–top {
margin-top: 1em;
}

.value–image {
margin-top: 0.75em;
}

.value > img,
.value > .placeholder {
max-width: 100%;
height: auto;
}

---

When I change max-width, the preview of the image is smaller

but it’s still too big when using the card

[NameLessGO]

Good default for images, also changes if you are in ankidroid or anki mobile
https://ankiweb.net/shared/info/952691989

To transform images to WebP which consumes less storage
https://ankiweb.net/shared/info/1151815987