&.multiple-images
  +flex(space-between, flex-start)
  +flex-rows

  figure
    width: column(21, 44)

    img
      width: 100%
      display: none

      &.medium
        display: none

      +respond-to-width(1100)
        &.large
          display: none
        &.medium
          display: block

      +respond-to-width(480)
        &.large
          display: none
        &.medium
          display: block

  &[data-size-type='50']
    figure
      img
        &.medium
          display: block

        +respond-to-width(1125)
          &.medium
            display: none
          &.small
            display: block

  +respond-to-width(900)
    display: block

    figure
      width: 100%
      &:first-of-type
        margin-bottom: 40px

      img
        &.medium
          display: block !important
        &.small
          display: none !important

        +respond-to-width(525)
          &.medium
            display: none
          &.small
            display: block