Sagrana, Расскажите ваш секрет, как вы до этого догадались? Я начинающий верстальщик поэтому интересен ваш ход мыслей при решении такой проблемы. Мучался с этой проблемой без преувеличения 4 дня.
Ankhena, И все же решение с contain было верным. Но теперь вырисовывается другая проблема, при указанной высоте хедера изображение уменьшается и остается белое пространство. Это как-то решается?
Ankhena, в этом и помогло св-во background-position: right). Теперь обрезается "тьма" слева, а не логотип с текстом. А когда доходит до обрезания логотипа есть мобильная версия картинки.
Ankhena, В данном случае считаю, что не получится сделать текст картинкой т.к. это заголовок сайта и текст нужен для поиска по названию сайта. И исходя из этого вопрос, можно ли такое вообще реализовать только средствами css и html? Как допустим стилизовать отдельно букву O, чтоб она была как бы элементом объектива на фоновом изображении( на картинке в описании видно)?
нужно чтоб было как на этом фото. Тоесть боковые слайды выходят из контейнера и обрезаются. 
