4,554
edits
No edit summary |
No edit summary |
||
Line 279: | Line 279: | ||
.image-container { | .image-container { | ||
position: relative; | position: relative; | ||
display: inline-block; /* Adjusts to the size of the image */ | |||
} | } | ||
.image-container img { | .image-container img { | ||
display: block; | display: block; | ||
width: | max-width: 100%; /* Ensure image scales within the container */ | ||
height: | height: auto; /* Maintain aspect ratio */ | ||
} | } | ||
Line 292: | Line 293: | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
color: black; | color: black; | ||
background-color: rgba(255, 255, 255, 0.7); | background-color: rgba(255, 255, 255, 0.7); | ||
padding: 10px; | padding: 10px; | ||
text-align: center; | text-align: center; | ||
font-size: 16pt; | font-size: 16pt; | ||
font-style: italic; | font-style: italic; | ||
max-width: 90%; | max-width: 90%; /* Adjust as needed */ | ||
white-space: nowrap; | white-space: nowrap; | ||
overflow: hidden; | overflow: hidden; |