Css 引导程序中单个Div中的三个图像如下图所示，悬停时放大图像

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

HTML:

---

到目前为止你都试过什么？编码css.ch{width:100px；position:relative；opacity:1；transition:0.3s ease；cursor:pointer；}.ch:hover{transform:scale（1.5,1.5）；opacity:2；}

<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>

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