.photos-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;

  &__item {
    flex: 0 1 300px;
    padding: 0 15px;

    &-inner {
      padding: 30px;
      display: flex;
      align-items: flex-end;
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      min-height: 270px;
      background: $blue;

      &::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(109, 172, 222, 0.25);
      }

      img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%;
        width: auto;
        max-width: unset;
      }

      span {
        position: relative;
        z-index: 1;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        color: #ffffff;
      }
    }

    &._half {
      flex: 0 1 600px;

      @media (max-width: 1200px) {
        order: 99;
      }
    }
  }
}
