Bootstrap中单个Div中的三个图像，如下图所示，并在悬停时放大图像

Question

我想在单个Div中显示三个图像，如下所示，并且在悬停在特定图像上时，图像必须放大。 请帮帮我。

HTML：

<div class="col-sm-6 col-md-3">
    <div class="thumbnail">
        <img src="img1.jpg" alt="thumb01" class="style">
        <div class="col-sm-6 col-md-6">
            <img src="img2.jpg" alt="thumb01" class="ch">
        </div>
        <div class="col-sm-6 col-md-6">
            <img src="img3.jpg" alt="thumb01" class="ch">
        </div>
    </div>
</div>
</div>

CSS：

.ch { 
    width: 100px;
    position: relative;
    opacity: 1;
    transition: 0.3s ease;
    cursor: pointer;
} 
.ch:hover {
    transform: scale(1.5, 1.5);
    opacity: 2;
}