Кирилл Никитин, Зачем?
Судя по всему – это слайдер. Значит он уже в контейнере с overfow:hidden.
Просто поверх слайдера (или слайда) размещаем абсолютом пустой див с полупрозрачным коричневым фоном и делаем ему трансформацию skew или rotate. Лишнее будет скрыто за overfow:hidden.
Или без трансформаций, как подсказывают выше, для этого дива градиентный фон под нужным углом. Так даже лучше.
В блоке слайдера если используешь фон города как background-image то просто под него еще один блок положи, и дай ему opacity: .4; и z-index больше чем у блока с городом. А что бы фигуру такую сделать то рекомендую через https://www.cssportal.com/css-clip-path-generator/