Как верстать картинки которые шире блока?

По ходу дела позиционирование не нужно. В левой колонке текст, в правой - фотка, которая появляется при разрешении в 1100px

@media all and (max-width: 1099px) {display: none; visibility: hidden;}

Родителю overflow: hidden; чтобы он обрезал картинку, если она вылезает за пределы родителя. Картинке определенный размер задать, например: width: 1300px;

Если картинка обрезанная и задумка именно такая, то позиционируй по правому краю в ноль.

background-size contain ?

Нужно делать по макету!