@media screen and (min-width: 865px) {
    .Maindiv {
        display: flex;
        flex-direction: row;
        justify-content:space-around;
        height: auto;
    }
    .Maindiv img {
        width: 35vw;
        height: auto;
        /* No image stretching */
        object-fit: cover;
    }
    
    .Content {
        width: 65vw;
        background-color: #DBDBDB;
        display: flex;
        padding: 10%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    } 
}
@media screen and (max-width: 865px) {
    .Maindiv {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content:space-around;
    }
    .Maindiv img {
        width: 100vw;
        height: 30vh;
        object-fit: cover;
    }
    
    .Content {
        width: 100vw;
        background-color: #DBDBDB;
        display: flex;
        padding: 10%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    } 
}

h3 {
    text-align: left;
    font-family: "Quicksand", sans-serif;
    color: #E3005D;
}