Order Summary

About the background, mine worked this way:

background-position: top;
background-repeat: no-repeat;
background-size: contain;

• Hi! I'm a newbie in html and css, but I'll give my beginner feedback anyway, hoping to help:

I don't think that this line break "<br>" would be the best solution.

 <p class="caption">You can now listen to millions of songs,<br>audiobooks, and podcasts on any 
      device<br>anywhere you like!</p>

What I used was:

<summary class="description">You can now listen to millions of songs, audiobooks, and podcasts on any
      device anywhere you like!</summary>

    .description {
      font-weight: 500;
      color: hsl(224, 23%, 55%);
      font-size: 16px;
      margin-left: 3rem;
      margin-right: 3rem;
      margin-bottom: 1rem;
      text-align: center;
      text-size-adjust: auto;
      line-height: 24px;
    }

• And one more thing that I noted is that your background, at the mobile device size, is repeating.

• Nice job, hope to help!