Как сделать эффект отражения картинки?

Frontend developer HTML / CSS
1

Подскажите как сделать что бы изображение отражалось рядом, если можно то просто самый простой пример реализации.

2

<figure class="reflection" id="css-element">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHnvmYdYBV34WwNaWawDc6FsS-MZLM8elBz9RDYp6AnvBwqf-hFA" alt="">

.reflection {
position: relative;
width: 300px;
height: 215px;
margin: 20px auto;
margin-bottom:0px;
}

.reflection {
-webkit-box-reflect: right 0 linear-gradient(transparent, white);
}