Resize images in study mode

Anki Card Design
4 
img {
  max-width: 100%;
  min-width: 100%; 
  width: 100%;
  max-height: initial !important;
}

Add this to the styling section of your Image Occlusion enhanced template.
It’ll make the image fit to the width of the screen, and you’ll be able scroll through the image vertically.
The max-height: initial !important; is needed because it’s set to 90vh from the anki reviewer’s default css.
I found this snippet from a previous reply, used this a long time ago and haven’t tested it again though so let me know if it doesn’t work.

1 Like