.modules{
    display:flex;
    flex-direction:column;
    background-color:#ffffff
}

.modules-1{
    padding:8px;
    display: flex;
    flex-direction: row;
}

.module-1-1{
    margin-right: 4px;
    height: 538px;
    width:100%;
    background-image: url(./images/div-1.1.jpg);
    background-position: 100% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}

.module-1-2{
    margin-left: 4px;
    height: 538px;
    width:100%;
    background-image: url(./images/div-1.2.jpg);
    background-position: 100% 100%;   
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}


.modules-2{
    padding:8px;
    display: flex;
    flex-direction: row;
}
.module-2-1{
    margin-right: 4px;
    height: 538px;
    width:50%;
    background-image: url(./images/div-2.1.jpg);
    background-position: 100% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}

.module-2-2{
    margin-left: 4px;
    height: 538px;
    width:50%;
    background-image: url(./images/div-2.2.jpg);
    background-position: 100% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}

.modules-3{
    padding:8px;
    display: flex;
    flex-direction: row;
}
.module-3-1{
    margin-right: 4px;
    height: 538px;
    width:50%;
    background-image: url(./images/div-3.1.jpg);
    background-position: 100% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}

.module-3-2{
    
    margin-left: 4px;
    height: 538px;
    width:50%;
    background-image: url(./images/div-3.2.jpg);
    background-position: 100% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
}