html - How to make all backgrounds have a background-size: cover?

Question

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;
}

Answer 1

等待大神解答