jquery-ui - 小さいプレビュー div を作成するための CSS ソリューションの提案

Question

画像のように、左側に大きな div があり、右側に小さな div があることがわかります。小さい div は基本的にプレビュー div であるため、左側の大きい div に追加されるものはすべて、サイズを変更して小さい div にする必要があります。
現在、私はこれをやっているパワーポイントに似た何か

$('#slideContent0').css('-ms-transform', 'scale(0.5, 0.5)');

しかし、これは機能していないようです。つまり、最初はうまく機能しますが、プレビュー div をスライドさせるために何かを追加すると、次のようになります。

プレビュースライドのHTMLは次のようなものです

<div class="leftPanelContent" id="leftPanelContent">
    <div id="slidePreview0" class="slidePreview">
        <div id="slideContent0" class="slideContent"></div>
    </div>
</div>

私が使用しているCSSは

.slidePreview {
    width: 98% !important;
    height: 150px !important;
    background-color: #FFFFFF;
    border-bottom: 20px solid #BCBCBC;
    cursor: pointer;
}

.slideContent {
    width: 100% !important;
    height: 130px !important;
    background-color: #fff;
    cursor: inherit;
}

助言がありますか