4,554
edits
No edit summary |
No edit summary |
||
Line 275: | Line 275: | ||
.image-container { | .image-container { | ||
position: relative; | position: relative; | ||
/* | /* Additional styling as needed */ | ||
} | } | ||
.image-container img { | .image-container img { | ||
width: 100%; /* Adjust as needed */ | width: 100%; /* Adjust as needed */ | ||
display: block; | |||
/* | /* Additional styling as needed */ | ||
} | } | ||
.caption { | .caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5 { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
color: white; | color: white; | ||
background-color: rgba(0, 0, 0, 0.7); | background-color: rgba(0, 0, 0, 0.7); | ||
padding: 10px; | padding: 10px; | ||
text-align: center; | |||
/* Additional styling as needed */ | |||
} | } | ||
.image-container:hover .caption { | .image-container:hover .caption-image1, | ||
.image-container:hover .caption-image2, | |||
.image-container:hover .caption-image3, | |||
.image-container:hover .caption-image4, | |||
.image-container:hover .caption-image5 { | |||
display: block; | display: block; | ||
} | } | ||
.article-description { | .article-description { | ||
font-size: 15pt; | font-size: 15pt; |