/* code learnt from another source  */
.image-container {
    grid-column-end: span 12;
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    border: solid 1px #2F2629;
}

.image-container img {
    width: 100%;
    display: block;
    height: 25rem;
    object-fit: cover;
}

.overlay-text {
    position: absolute;
    color: #FFFDF1;
    text-align: center;
    z-index: 10;
}
/* End of code learnt from another source  */