#recurringMain{
    position:relative;
    margin: auto;
    width:90%;
    display:grid;
    grid-template-areas:"head head"
                        "head2 head2"
                        "text pic1"
                        "text pic2";
                        
    align-items: center;
    background-image: radial-gradient(rgba(256,256,256, 0.5), rgba(117, 120, 136, 0.5), rgba(18, 24, 91, 0.5)  );
    padding: 20px;
}
#recurringH{
    grid-area: head;
    margin: 10px;
}
#recurringH2{
    grid-area: head2;
    
    
}
#recurringP{
    grid-area: text;
    margin: 10px;
}
#recurringIMG1{
    width: 400px;
    grid-area: pic1;
    margin: 10px;
    border-radius: 10px;
}
#recurringIMG2{
    width: 400px;
    grid-area: pic2;
    margin: 10px;
    border-radius: 10px;
}
#recurringDemo{
    margin: auto;
    
}