Gölge(box-shadow) Şeklinde Çerçeve (border) Eklemek Mümkün mü?

Şuna (http://prntscr.com/pobe1z) benzer bir kodlama yapmaya çalışıyorum ancak 2 konuda takıldım kaldım.

1- Görselin etrafına CSS ile içe doğru gölge veremedim. Yuvarlak olduğu için olsa gerek box-shadow ile çözüm üretemiyorum.

2- Dekor amaçlı ekleyip döndürdüğüm turuncu alanın dışa taşan kısımlarının görünmemesini istiyorum, bunu nasıl yapabilirim? http://prntscr.com/poben8

Çalışma: https://codepen.io/muratdinc/pen/KKKqgGj

O divi Kapsayan dive overflow: hidden ve position: relative verin.

2. madde çözüldü, teşekkürler. 1. madde için ne yapabilirim?

Mobilim pek kodları inceleyemedim. Şu şekilde gölge verdiğinizde olmuyor mu?

box-shadow: inset 5px 5px 100px 0px rgba(0,0,0,0.75);

box-shadow: 1px 1px 40px

Bu kodu ekleyebilirsiniz. Tam istediğiniz olmuyor ama hem gölgeli bir daire hem ürününüzü çok daha iyi önplana koyuyor. Sorunuzun cevabını ararken buldum denedim de çok hoşuma gitti tavsiye ederim.

Yok hocam, ya olmuyor ya da ben beceremedim emin değilim. Ama anladığım kadarıyla border-radius: 100%; olduğu için box-shadow yapınca kare olduğundan işe yaramıyor. 160x160 bir çemberin kenarlarının içe doğru 10px'de #000'dan #FFF'e doğru yumuşayarak ya da taransparanlaşarak gölgelendirmeye çalışıyorum. Örnek Görsel: http://prntscr.com/pobp7p

Hocam https://codeshare.io/UbKVU buradakini bir dener misiniz rica etsem

Dışa doğru değil de içe doğru yapabiliyor muyuz bunu?

inset parametresi var shadowda. içe dogru yapar.
https://codeshare.io/5DMWop

https://designshack.net/articles/css...xt-and-beyond/ (inset box shadow kısmı)