How to add two different background images on the body

Guys, how do I add these two SVGs so that the first is at the top of the document and the second is at the end? I painted them red just for you to see. Repo: https://github.com/sircarloschaves/social-proof-section Live page: https://sircarloschaves.github.io/social-proof-section/

GitHub

Contribute to sircarloschaves/social-proof-section development by creating an account on GitHub.

3 Replies

ἔρως•13mo ago

you can either use a ::before and ::after, or just set multiple background images to the <body>, each with a different position

Mannix•13mo ago

body{
  background-image: url(pic.1),url(pic.2);
  background-repeat: no-repeat;
  background-position: top left, bottom right;
}

body{
  background-image: url(pic.1),url(pic.2);
  background-repeat: no-repeat;
  background-position: top left, bottom right;
}

ChavesOP•13mo ago

Ok, I'll try