/* Image sizes */ img{ width: 100%; } figcaption{ font-size: 7pt; width: 85mm; margin-left: 0mm; line-height: 3mm; font-weight: 500; /* position: absolute; bottom: 0mm;*/ margin-top: 1mm; } figure{ width: 110mm; margin: 0 0 5mm -15mm; /* break-before: page; break-after: page; height: 155mm;*/ } .full-image, .half-image{ height: 186mm; width: 133mm; margin: -13mm 0 0 -10mm; position: relative; object-fit: cover; break-before: page; figure{ margin: 0; } figcaption{ position: absolute; bottom: 15mm; left: 30mm; z-index: 10; padding-right: 20mm; } img{ height: 186mm; width: 133mm; object-fit: cover; } } .half-image{ /* height: unset; */ height: initial; } .full-image + figcaption{ position: absolute; bottom: -9mm; left: 0mm; z-index: 10; padding-right: 20mm; } .half-image + figcaption{ margin-left: 15mm; } .pagedjs_left_page .full-image, .pagedjs_left_page .half-image{ margin-left: -13mm; } .white-caption + figcaption{ color: #fff; } .image-95{ width: 95mm; } .image-80{ width: 80mm; margin-left: 15mm; } .image-80 + figcaption{ margin-left: 15mm } .image-55{ width: 55mm; } .image-45{ width: 45mm; } .pagedjs_right_page{ .image-95, .image-95 + figcaption{margin-left: 0mm} .image-80, .image-80 + figcaption{margin-left: 15mm} .image-55, .image-55 + figcaption{margin-left: 55mm} .image-45, .image-45 + figcaption{margin-left: 0mm} } .reviews figure{ break-before: none; break-after: none; }