как создать арцилическое изображение простого изображения

я новичок в css, gdlib или магии изображений, я пробовал большинство примеров для создания того же изображения простого изображения … но это не работает

Я пробовал php gdlib, imagemagic или css, но я не знаю, как это будет сделано ..

       .edge { width: 20px; height: 196px; background-size: auto 100%; position: absolute; left: 30px; top: 2px; transform: perspective(600px) rotateY(-45deg); transform-origin: right; }
.panel {  position: absolute; left: 31px; top: 0; clip: rect(auto,auto,auto,20px); }
.panel img { width: 350px; height: 200px;transform: perspective(600px)  rotateY(30deg); transform-origin: left; }

.edgee { width: 20px; height: 196px; background-size: auto 100%;       position: absolute; left: 30px; top: 2px; transform:       perspective(600px) rotateY(-45deg); transform-origin: right; }
.panels {  position: absolute; left: 31px; top: 0; clip: rect(auto,auto,auto,20px); }
.panels img { width: 350px; height: 200px;transform: perspective(600px) rotateY(30deg); transform-origin: left; }

Может ли кто-нибудь направить меня для разработки этого с помощью CSS, GDLIB или ImageMagic ..

Заранее спасибо..