При сужение браузера картинки вылезают за блоки, как это пофиксить?

Question

[akula22]

Добрый день, при сужение браузера картинки вылезают за блоки, подскажите как это пофиксить?
верстка бустраповская

<div class="row">
                        <div class="col-md-8">
                            <div id="format_text"></div>
                            <div id="picture-paper" class="css-adaptive calc-box" style="height:460px">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div id="side1_text">Сторона 1</div>
                            <div id="picture-color1" class="css-adaptive calc-box" style="height:222px"></div>
                            <div id="side2_text">Сторона 2</div>
                            <div id="picture-color2" class="css-adaptive calc-box" style="height:222px"></div>
                        </div>
                    </div>

Answer 1

[pashted]

для таких случаев в bootstrap есть класс img-responsive, который обычно вешают на элемент img

либо сделайте "руками"

{
    width:100%;
    height: auto;
}