title: Display Random Div
body: <p>I'm trying to randomize the loads of these divs for my homepage. I have some specific css that is making it difficult, otherwise I would have done one of the numerous suggestions for randomizing images. Thanks for your help!</p>
  
  <pre><code>&lt;div class="banner-images"&gt;
  
  &lt;div class="feature" style="background-image: url(images/typewriter.png)"&gt;
      &lt;img  class="hero-poster" src="images/typewriter.png" /&gt;
  
      &lt;div class="hero-decoration"&gt;
          &lt;div class="side-l"&gt;&lt;/div&gt;
          &lt;div class="arrow"&gt;&lt;img alt="Hero-triangle" src="images/triangle.png" /&gt;&lt;/div&gt;
          &lt;div class="side-r"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="feature" style="background-image: url(images/printing.png)"&gt;
      &lt;img  class="hero-poster" src="images/printing.png" /&gt;
  
      &lt;div class="hero-decoration"&gt;
          &lt;div class="side-l"&gt;&lt;/div&gt;
          &lt;div class="arrow"&gt;&lt;img alt="Hero-triangle" src="images/triangle.png" /&gt;&lt;/div&gt;
          &lt;div class="side-r"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="feature" style="background-image: url(images/newspaper.png)"&gt;
      &lt;img alt="Releaser" class="hero-poster" src="images/newspaper.png" /&gt;
  
      &lt;div class="hero-decoration"&gt;
          &lt;div class="side-l"&gt;&lt;/div&gt;
          &lt;div class="arrow"&gt;&lt;img alt="Hero-triangle" src="images/triangle.png" /&gt;&lt;/div&gt;
          &lt;div class="side-r"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>