4,431
edits
No edit summary |
No edit summary |
||
Line 175: | Line 175: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.article-images .image-container { | |||
.article-images img { max-width: 100%; | .article-images { | ||
.caption-image1 { font-size: 8pt; color: #555; margin- | margin: 0 !important; | ||
padding: 0 !important; | |||
page-break-inside: avoid; | |||
} | |||
.article-images .image-container { | |||
display: flex; | |||
justify-content: flex-end; /* push image to the right edge */ | |||
align-items: flex-start; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
gap: 0 !important; | |||
} | |||
.article-images .image-container img { | |||
display: block; | |||
height: 85mm; /* ← pick your fixed height */ | |||
width: auto; /* keep aspect ratio */ | |||
max-width: 100%; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
object-fit: contain; /* avoids distortion if very tall/wide */ | |||
} | |||
/* optional: caption below, right-aligned, same width “column” as the image */ | |||
.caption-image1 { | |||
margin: 2mm 0 0 0 !important; | |||
padding: 0 !important; | |||
font-size: 8pt; | |||
color: #555; | |||
text-align: right; | |||
/* if you want caption width to match image’s visual column: */ | |||
max-width: 85mm; /* same as the image height column, visually neat */ | |||
margin-left: auto; /* keep it right aligned */ | |||
} | |||
.article-label-description, | .article-label-description, |