The following CSS code is defined in the style.css file:
.level-1 img:not(.icon) { width: 16.7%; max-height: none !important; }
.level-2 img:not(.icon) { width: 33.3%; max-height: none !important; }
.level-3 img:not(.icon) { width: 50%; max-height: none !important; }
.level-4 img:not(.icon) { width: 66.7%; max-height: none !important; }
.level-5 img:not(.icon) { width: 83.3%; max-height: none !important; }
.level-6 img:not(.icon) { width: 100%; max-height: none !important; }
.deco-\- img:not(.icon) { width: 0%; max-height: none !important; }
This CSS code sets the width and maximum height of images based on their parent element’s level class. For example, images inside a level-1 element will have a width of 16.7% and no maximum height. Similarly, images inside a level-2 element will have a width of 33.3% and no maximum height. The code also includes a special case for images inside an element with the class “deco—”, which sets the width to 0% and no maximum height.