Как сделать 4 фона в css друг за другом

Мне нужно сделать 4 фона, они должны идти друг за другом. Два фона хорошо встают, но если я пытаюсь вставить третий, то по такому-же принципу ничего не получается. Вот что должно получится:

Вот сам код:

body {
  margin: 0;
  height: 100vh;
  background-size: cover;
  cursor: default;
  background-image: url(https:.jpg), url(https:.jpg), url(https:.jpg), (https:.jpg);
  background-repeat: repeat-x, repeat, repeat-x, repeat;
}

при таком коде второй фон начинает повторятся. Помогите, пожалуйста. Если я ставлю no-repeat на второй фон, то все ломается.