Андрей Брекоткин

.gallery__image {
height: 100%;
}
.gallery__image img {
  max-height: 100%;
или
  height: 100%;
}

Почему оно должно сжиматься? Высота не указана - значит картинка всегда будет стремиться к своим размерам, а не сжиматься. Что бы картинка сжималась нужно указать ей каким образом она должна занимать место в блоке - например быть на 100% от высоты: height: 100%;

На блок #full-width повесь z-index: 2;

Типа того .sp-page-builder .page-content #full-width {z-index: 2;}

Вот так вставляй:

<div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">Объект Учёта</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-group" id="myTabs">
                                <a href="#" class="list-group-item">Создание</a>
                                <ul>
                                    <li><a data-toggle="tab" href="#KK1">КК</a></li>
                                    <li><a data-toggle="tab" href="#gugf1">ГУ/ГФ</a></li>
                                </ul>  
                            </ul>
                        </div>
                    </div>
                </div>
				<div class="col-md-9">
					<div class="tab-content">
                        <div id="KK1" class="panel panel-default tab-pane fade in active">
                            <div class="panel-heading">Статьи по теме</div>
                            <div class="panel-body">
                                <table class="table table-condensed table table-hover">
                                    <col width="30%"><col width="70%">
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #1 Статья #1</a></td>
                                        <td>Краткое описание статьи #1</td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #1 Статья #2</a></td>
                                        <td>Краткое описание статьи #2</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #1 Статья #3</a></td>
                                        <td>Краткое описание статьи #3</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #1 Статья #4</a></td>
                                        <td>Краткое описание статьи #4</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #1 Статья #5</a></td>
                                        <td>Краткое описание статьи #5</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div id="gugf1" class="panel panel-default tab-pane fade">
                            <div class="panel-heading">Статьи по теме</div>
                            <div class="panel-body">
                                <table class="table table-condensed table table-hover">
                                    <col width="30%"><col width="70%">
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #2 Статья #1</a></td>
                                        <td>Краткое описание статьи #1</td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #2 Статья #2</a></td>
                                        <td>Краткое описание статьи #2</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #2 Статья #3</a></td>
                                        <td>Краткое описание статьи #3</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #2 Статья #4</a></td>
                                        <td>Краткое описание статьи #4</td>
                                    </tr>                        
                                    <tr>
                                        <td><a href="#">Пункт #1 Категория #2 Статья #5</a></td>
                                        <td>Краткое описание статьи #5</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
					</div>
                </div>
            </div>
        </div>