Order Summary Card

Hello Mitko,

You can correctly position the background image by setting its background-position as top.

Here are the styles that helped me achieve the desired result:

body {
    background-color: var(--pale-blue);
    background-image: url(./images/pattern-background-desktop.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

@media (max-width: 700px) {
    body {
       background-image: url(./images/pattern-background-mobile.svg);
    }
}

The media query is to change the background image when on small screens.