#app

  #left
    .left-text
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic!
      
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic!
      
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. 
      
    .left-image
      img(src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/495197/bikeCropLeft.jpg")
  
  #right
    .right-image
        img(src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/495197/bikeCropRight.jpg")
        
    .right-text
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic!
      
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic!
      
      p Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, officiis cum facere iure reprehenderit voluptatum eos consequuntur, asperiores doloremque facilis quam. Esse molestiae sapiente aliquam nulla dicta numquam praesentium hic! Lorem ipsum dolor sit amet consectetur adipisicing elit.

#app
  font-size: 1rem
  
@media (min-width: 450px)
  #app
    font-size: 3.5vw

@media (min-width: 768px)
  #app
    display: flex
    font-size: 1.8vw
    


#left,
#right
  display: flex
  
.left-image
  margin-left: 1rem
  
.right-image
  margin-right: 1rem
  
@media (max-width: 767px)
  
  #left
    margin-bottom: 2rem

  img
    width: 100%

  .left-text
    flex: 0 1 47%

  .left-image
    flex: 0 1 47%

  .right-image
    flex: 0 1 47%

  .right-text
    flex: 0 1 47%