Как вставить изображение, которе будет выходить за границу блока?

Question

[workRave]

Я начинающий верстальщик. Сверстано на основе шаблона и bootstrap 3.
olegkovalev.me/valdigroup
Проблема:
В блоке: "Как работает реклама Яндекс.Директ?", есть изображение ноутбука с дедушкой и золотой рыбкой.
В psd шаблоне, мы с другом по ошибки вылезли за границу рабочей области контейнера.

Как сделать, так что бы картинка отображалась как на макете?
2 вопрос:

Тут та же проблема. Картинка выходит за границу области т.е. наезжает на текст с заголовком и пояснением.

Answer 1

[Кирилл Туровников]

Самое простое задать отрицательные margin, либо position:absolute; относительно рабочей области.

Comments

[workRave]

Спасибо. В первом случае воспользовался position:absolute, во-втором margin: -70px;

Answer 2

[Andrey Baranichenko]

1. как насчет если картинку поставить бекграундом блока? только этот блок и верхние должны быть overflow: visible;
2. area shape="poly" не? Кстати, под хром плагин встречал для автоматического создания шейпа, просто мыщкой указываеш область

Comments

[workRave]

Не понял если честно)