JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="preview">
    </div>
    <div class="media">
    </div>
</div>

CSS

.container { position: relative; }
.container .preview, .container .media { width: 500px; height: 350px; position: absolute; top: 0; left: 0; }
.container .preview { background-color: blue; z-index: 2; }
.container .media { background-color: red; z-index: 1; }

JavaScript

$('.container .preview').click(function(){
    $(this).siblings('.media');
});


$('.container .media').click(function(){
    $(this).siblings('.preview');
});