Добрый день.
При попытке наложения box-shadow для изображения проявляется белая обводка по краю изображения.
Как разрешить чтобы box-shadow проходила по краю изображения без не понятной белой обводки
<div class="hero__poster-area poster-area">
<div class="poster-area__decor-wrap poster-area__decor-wrap--left-inner">
<img src="@img/decore_files/lettuce.png" alt="Left Lettuce" class="poster-area__leaf poster-area__leaf--left" width="203" height="226">
</div>
<div class="poster-area__inner">
<img src="@img/home_page/hero.png" alt="Spaghetti" class="poster-area__image" width="492" height="492">
</div>
<div class="poster-area__decor-wrap poster-area__decor-wrap--right-inner">
<img src="@img/decore_files/lettuce.png" alt="Left Lettuce" class="poster-area__leaf poster-area__leaf--right" width="203" height="226">
</div>
</div>
// .poster-area__inner
&__inner {
display: block;
overflow: hidden;
aspect-ratio: 492/492;
// max-width: 492px;
z-index: 2;
box-shadow: 0px 2px 37px 4px rgba(0, 0, 0, 0.18);
border-radius: 100%;
}
// .poster-area__image
&__image {
width: 100%;
height: 100%;
object-fit: contain;
border: none;
}
