Adding multiple backgrounds to my tribute page

Adding multiple backgrounds to my tribute page
0.0 0

#1

So I’m having trouble getting my tribute background to work properly. On my laptop it looks fine, but when I check it out on my ipad or phone it looks messed up. Basically what I want is for the background to be the stars and then at the bottom left I want the little astronaut guy. Whenever I look at it on my phone or ipad the background is simply white except for the bottom left where it shows the little astronaut guy, the rest of the background is missing. Please help.

My code:

<link href="https://fonts.googleapis.com/css?family=Saira+Condensed: 600" rel="stylesheet">
<div class="container">
  <div class="jumbotron">
  <div class="row">
    <div class="col-md-12">
      <h1 class="text-center">Elon Musk</h1>
       <h3 class="text-center"><em>Bringing the future into the present</em><h3>
      <div class="thumbnail"><img src='//discourse-user-assets.s3.amazonaws.com/original/3X/5/1/510528d7d2446491b436fe9b7b00552fc8ecb4ea.jpg' alt="Elon Musk's own Tesla Roadster floating in smace">
        <div class="caption text-center">Elon Musk's own Tesla Roadster floating in space</div>
        </div>
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
    <h3>Elon Musk seemed to come out of nowhere.  Most people first heard about him when he introduced the Tesla Roadster into the car world.  It was the first electric sport car that could keep up with gasoline powered cars.  Now, he is a pioneer in space travel and bringing back the world’s dream of a future involving space exploration, a dream that seemed to die with the cold war.  Elon Musk’s company, SpaceX just recently launched the heaviest space rocket in history which had his own personal Tesla Roadster as a payload.  Just as Elon Musk looked back at his roots to rocket him into the future let us do the same and see how the man Elon Musk came to be as a pioneer of space travel.</h3><br>
      <ul>
        <li><b>June 28, 1971 -</b> Elon Musk is born in Pretoria, Transvaal, South Africa.</li><br>
        <li><b>1981 -</b> By the age of 10, he has an avid interest in computing and reads extensively.</li><br>
        <li><b>1983 -</b> By the age of 12, he has learned computer programing and sells his first code of a BASIC-based video game he created called Blastar for about $500.</li><br>
        <li><b>June 1989 -</b> He moves to Canada just before his 18th birthday and obtains his Canadian citizenship through his Canadian-born mother.</li><br>
        <li><b>1995 -</b> Musk and his brother, Kimbal, start Zip2 which is then sold for $307 million in cash and $34 million in stock options.  Ellon receiven $22 million for his 7 percent from the sale.</li><br>
        <li><b>2002</b> Musk becoms a US citizen.</li><br>
        <li><b>October 2002 -</b> He sells PayPal to ebay for 1.5 billion in stock, of which he receives $165 million.</li><br>
        <li><b>May 2002 -</b> SpaceX is founded.</li><br>
        <li><b>2006 -</b> SpaceX is awarded a contract from NASA for the continue testing of the SpaceX Falcon 9 launch vehicle and Dragon Spacecraft.</li><br>
         <li><b>2006 -</b> He co-founds SolarCity with his cousins, Lyndon and Peter Rive.</li><br>
        <li><b>2008 -</b> Musk is now the CEO of Tesla, Inc and introduces the Tesla Roadster.</li><br>
        <li><b>2012 -</b> Tesla releases the Model S.</li><br>
        <li><b>2013 -</b> SolarCity becomes the second largest provider of solar power systems in the United States.</li><br>
        <li><b>2013 -</b> Musk unveils the Hyperloop, a concept for a high-speed transportation system.</li><br>
        <li><b>December 22, 2015 -</b> SpaceX successfully lands the first stage of its Falcon rocker back at the launch pad.  This is the first time in history a rocket can officially be reused. </li><br>
        <li><b>December, 2015 -</b> Musk announces the creation of OpenAI, a not-for-profit AI research company available to everyone.</li><br>
        <li><b>2016 -</b> Ellon co-founds Neurolink, a neurotechnology startup, to integrate the human brain with artificial intelligence.</li><br>
        <li><b>December 17, 2016 -</b> Musk creates the Boring company which aims to dig tunnels. </li><br>
        <li><b>February 6, 2018 -</b> SpaceX successfully launches Falcon Heavy, the largest rocket in history, which includes Ellon Musk’s own Tesla Roadster as a payload.</li>
    </ul><br>
   
    </div>
    </div>
    </div>
    </div>
    <footer style="color: white"  class="text-center">Written by, Pandeli</footer>
  </div>

    CSS:
body {
  background-image: url('https://wallup.net/wp-content/uploads/2016/01/316346-simple_background-simple-space-astronaut-flag-748x425.jpg'),  url('https://i.imgur.com/dfhcDdo.jpg');
  background-repeat: no-repeat, repeat;
  background-position: bottom left;
  background-size: 20%;
  font-family: 'Saira Condensed', sans-serif;
}
.container {
  position: relative;
  margin: auto;
  margin-top: 50px;
}
.jumbotron {
  background-color: #e6e6e6;
}

#2

imgur.com does not allow you to hot-link from Codpen, so I can not see the stars background.