$multiple-images-gap: 60px

&.multiple-images
  img
    max-width: 100%

  +respond-to-width(767)
    .image
      &:last-child
        margin-top: $multiple-images-gap

  +respond-to-width-beyond(767)
    +flex(space-between, flex-start)
    +flex-rows

    .image
      flex: 1 1 calc(50% - (#{$multiple-images-gap} * 2))
      margin-right: #{$multiple-images-gap / 2}

      &:last-child
        margin-right: 0
        margin-left: #{$multiple-images-gap / 2}