Turn picture to make it like 3D image. Add shadow box to make it more realistic. Examples:
https://rollingweddingpictures.com/
.rotateTo3d {
/* FIX:
css transform, jagged edges in chrome
https://stackoverflow.com/a/27065674
*/
outline: 1px solid transparent;
opacity: 0;
animation: fadeIn 3s;
animation-delay: 0;
animation-fill-mode: forwards;
/* When turned, it cast a shadow */
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
transform: perspective(800px) rotateY(-8deg);
}
}