On my body, I have 3 images displayed horizontally.
Each image takes up 33% width.
Together, these 3 images take up the entire webpage.
How can I make these 3 images have a background size of cover, so their aspect ratio's are maintained?
body {
background-image: url(https://images.pexels.com/photos/1546166/pexels-photo-1546166.jpeg),
url(https://images.pexels.com/photos/87223/pexels-photo-87223.jpeg),
url(https://images.pexels.com/photos/280221/pexels-photo-280221.jpeg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: left, center, right;
background-size: 33% 100%, 34% 100%, 33% 100%;
width: 100%;
height: 100vh;
}
