.archive-post-thumbnail-image {
     /* border-radius:45px; */
     width:100%;
     height:100%;
     object-fit: cover;
}

.archive-post-thumbnail-overlay { 
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5); /* Dark overlay with 50% opacity */
     z-index: 5; /* Below the title but above the image */
     transition: 0.2s ease-in-out;
}

.archive-post-thumbnail-overlay:hover {
     background: rgba(0, 0, 0, 0.6); /* Dark overlay with 50% opacity */
}