.photo-album
  background: $yellowish url('/img/noise2.png')

  .content-container
    width: calc(100% - 380px)
    +flex(space-between, flex-start)
    +flex-rows
    padding-top: 120px
    padding-bottom: 240px
    position: relative
    z-index: 20

    .photo
      background: white
      border-radius: 12px
      width: calc(50% - 20px)
      padding: 10px
      margin-bottom: 40px
      .photo-wrapper
        width: 100%
        border-radius: 12px
        border: Dashed rgba(82, 82, 82, 0.5) 2px
        position: relative
        padding-bottom: 67% /* 16:9 */
        height: 0
        &.inactive
          opacity: 0
          pointer-events: none
        .photo-content
          position: absolute
          left: 6px
          top: 6px
          height: calc(100% - 12px)
          width: calc(100% - 12px)
          span
            position: absolute
            height: 100%
            width: 100%
            left: 0
            top: 0
            background-size: cover
            background-position: 50%
            border-radius: 12px
            &.medium
              display: none

+media-query(1150px)
  .photo-album
    .content-container
      width: 85%

+media-query(600px)
  .photo-album
    .content-container
      width: 80%
      .photo
        width: 100%