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

.image-container img {
    width: 100%;
    display: block;
    height: 25rem;
    border: solid 1px black;
}

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