I've got three images, on click of each, the info for each one should popup inside the wine-info div. How can I do that?

```
<div class="wines">
            <div class="wine">
                <img src="img/wine1.png">
            </div>
            <div class="wine">
                <img src="img/wine2.png">
            </div>
            <div class="wine">
                <img src="img/wine3.png">
            </div>
 </div>
 <div class="wine-info">
 </div>

.wines {
    display: table;
    table-layout: fixed;
    position: absolute;
}

.wine {
    display: table-cell;
}

```

JSFiddle: <https://jsfiddle.net/fovj2okL/>