Adding image to Card model

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

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

Good default for images, also changes if you are in ankidroid or anki mobile

To transform images to WebP which consumes less storage

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.