<body>
<div></div>
<div class="rev"></div>
</body>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin: 0;
background: #49C85B;
}
div {
width: 0;height: 0;
border: 4.95rem solid;
border-top: 8.45rem solid;
border-color: #2F5A76 transparent transparent transparent;
transform: translateY(5rem);
}
.rev {
position: absolute;
top: 50%;
transform: translate(0, calc(-50% + -5rem)) rotate(180deg);
}
</style>