.content-block
  +flex(space-between, flex-start)

  .image
    display: block
    position: relative
    width: column(5, 12)

    img
      width: 100%

    .image-placeholder
      display: block
      width: 100%
      height: 300px
      background-color: $lightBlue

  .content
    display: block
    padding: 0
    width: 50%

  &[data-image-location='right']
    .grid-row
      +flex(space-between, flex-start)

    .content
      +order(1)
      margin-left: 0

    .image
      +order(2)
      top: 0
      right: 0
      left: auto


  +respond-to-width(1150)
    +flex-rows

    .content
      +order(1)
      width: 100%

    .image
      +order(2)
      width: 100%
      margin-top: 30px