Responsive page using flexbox

At first, it seemed like that the biggest challenge for me will be moving divs on the axis in the flexbox. Actually, it was easy at the end. What I struggled with were background images and how to position them correctly according the challenge. I have googled this solution, but I am not sure, if it is right. Any help will be much appreciated!

background-image: url(images/bg-pattern-top-mobile.svg),
    url(images/bg-pattern-bottom-mobile.svg);
background-position: top left, bottom right;
background-repeat: no-repeat;