Как пофиксить подобный бордер?

Question

[Lordian]

Здравствуйте, есть подобный код.
https://codepen.io/anon/pen/jZPyMz
Надо чтобы зеленая картинка обрезалась по бордеру (серого блока) и была как бы под ним.

Comments

[Дмитрий Кузнецов]

Предоставьте людям код, так больше шансов что помогут.

[Lordian]

Дмитрий Кузнецов, https://codepen.io/anon/pen/jZPyMz

Answer 1

[Ankhena]

https://jsfiddle.net/f24ozu0z/

.second {
  position: relative;
  height: 300px;
  margin-top: -150px;
  background: radial-gradient(100% 50% at center top, transparent 49.8%, gray 50.2%);
  z-index: 2;
}

В градиент еще можно поиграть, повыравнивать

Answer 2

[aloky]

:after {
   z-index: 1;
}

Comments

[aloky]

Lordian, скинь полный код codepen.io например

[Lordian]

aloky, https://codepen.io/anon/pen/jZPyMz Примерно такое