fixed image overflow in stylesheet

This commit is contained in:
Daniel Fichtinger 2025-07-09 13:42:05 -04:00
parent c21bfc5fe6
commit c39aa1f525

View file

@ -94,6 +94,8 @@ a:hover {
background: var(--main-transparent);
}
max-width: 100%;
overflow: hidden;
img {
display: block;
margin-left: auto;
@ -183,11 +185,20 @@ small a {
.image-container {
text-align: center;
margin: 20px 0;
max-width: 100%;
overflow: hidden;
/* Optional: add some spacing around the image container */
}
.image-container img {
/* max-width: 308px; */
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
}
.fixed .image-container img {
max-width: 308px;
max-height: 308px;
}