/* Styles for the image overlay */
    .image-overlay {
        position: relative;
        width: 100%;
    }
    .image-overlay img {
        width: 100%;
        height: auto;
        display: block;
    }
    /* Styles for the text overlay */
    .overlay-text {
        position: absolute;
        top: 43%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(194, 195, 194, 0.3);;
        padding: 20px;
        color: #fff;
        text-align: center;
        
    }

    .overlay-text h1 {
        margin-bottom: 10px;
        font-family: 'Courier New', Courier, monospace;
        font-size: 3em;
    }

    .overlay-text p {
        margin-bottom: 0;
    }