JSFiddle - React, Tailwind, and code Playground

CSS

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;}
body {
    background:
      url(http://i80.beon.ru/71/94/149471/99/8216499/14146793_10565587_diskoFON1.jpeg) repeat-x left top,  url(https://wallpaperscraft.com/image/pattern_patterns_texture_blue_pink_103824_200x300.jpg) repeat-x left bottom;

}
@media (max-height: 600px) {
  body {
 background:
      url(http://i80.beon.ru/71/94/149471/99/8216499/14146793_10565587_diskoFON1.jpeg) repeat-x left calc(50% - 150px),  url(https://wallpaperscraft.com/image/pattern_patterns_texture_blue_pink_103824_200x300.jpg) repeat-x left calc(50% + 150px) ;
  }
}