html {
    background-color:#ccc4b8;
}

body {
    text-align: center;
    list-style-position: inside;
}

.image-container {
    position: relative;
    width: 100%; /* Container width, you can adjust or make it responsive */
}
.image-container img {
    width: 100%;
    height: auto;
    display: block; /* Ensures the image takes up the full container width */
}
.overlay {
    position: absolute;
    /* background-color: rgba(255, 0, 0, 0.5); */
    /* border: 2px solid red; */
    text-decoration: none; /* Removes underline from links */
}