Почему before работает, а after нет?

Question

[ivasenkoartem]

.about {
	height: 100vh;
	background: url(../img/дима.jpg);
	background-size: cover;
	background-position: top left;
	padding: 50px 0;
  	position: relative;


}
.about:before, .about:after {
	content: "";
  	width: 100%;
  	height: 8%;
  	position: absolute;
 	top: 0%;
  	background: url(../img/border.png);
	background-position: top;
	background-size: contain;
	-webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
}
.about:after {
 	top: 92%;
	-webkit-transform: rotate(0deg);
	  transform: rotate(0deg);

}

Comments

[tyzberd]

https://codepen.io/tyzberd/pen/xmgWWO

[Вадим Сысоев]

.about:after {
top: 92%;