.custom-bg-opacity {
    background-color: rgba(238, 235, 235, 0.822);
    border: 2px solid black 
}

.index-bg-image {
    background-image: url('/static/main/images/IMG_5809_2.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: left;
    height: auto;
}

/* Custom CSS to position the div */
.extend-to-bottom {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh); /* Adjust 100px to your desired distance from the bottom */
    z-index: -1;

}

.image-wrapper{
    max-width: 400px;
}