/* Recipes */
#recipe{
    background-position: relative;
    background-image: url("Images/recipes.jpg");
    height: 40vh;
    width: 100%;
    background-size: cover;
    display:flex;
    background-position: flex;
    justify-content: flex-start;
}

.overlay{
    position:absolute;
    width:30%;
    height:10vh;
    background-color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 37%;
    transform: translateX(-50%);
    top: 40%;
    transform: translateY(-50%);
}
.recipe_image{
    width:40%;
    height: 70vh;
    position:flex;
    justify-content:flex-start;
    align-items:row;
}

.text{
    max-width:60%;
}