title: How to change position of a carousel depending on screen size?
body: <p>how to Change the position of a carousel depending on screen size?</p>
  
  <pre><code>#carousel-1 {
    width: 1024;
    height: 439;
    margin: 10px;
    padding: 10px;
  }
  </code></pre>
  
  <p>I have block containing 1 row 2 column.in the left column, I have heading and text and in the right column, I have the carousel.
  expected results:
  for the mobile screen, I want the carousel to come below heading and text.
  actual results:
  carousel still remain on the right side of the screen.</p>