page-deal-screen2 {
  display: block;

  main {
    position: relative;
    width: 932px;
    height: 630px;
    margin: 12px auto;
  }

  deal-screen2-box {
    position: absolute;

    @for $x from 0 to 2 {
      @for $y from 0 to 2 {
        &.position-#{$x}#{$y} {
          transform: translate(#{(250px + 90px) * $x}, #{(172px + 56px) * $y});

          article {
            @if $y == 0 {
              align-self: flex-end;
            } @if $y == 2 {
              align-self: flex-start;
            }
          }
        }
      }
    }
  }
}