Вопрос:
Есть такая картинка, проблема в том что я сначала задаю блоку overflow:h и потом псевдоэлементом задаю бордер и он скрывается.
<div class="card__img-wrap">
<picture class="card__img">
<source srcset="img/section-main/main@1x.webp 1x,
img/section-main/main@2x.webp 2x"
type="image/webp">
<img src="img/section-main/main@1x.jpg"
srcset="img/section-main/main@2x.jpg 2x"
alt="Bright room designed by our workers">
</picture>
</div>
&__img-wrap
width: 717px
height: 626px
border-radius: 140px 0px
overflow: hidden
position: relative
z-index: 2
&::after
content: ''
display: block
position: absolute
bottom: -30px
width: 100%
height: 100%
border: 2px solid $beige
border-radius: 140px 0px