.section-bottom-triangle:before {
    top: 100%;
    height: 10rem;
    right: 0%;
    width: 0%;
    transform-origin: 100% 0;
    transform: translateY(-50%) skewY(4.7deg);
}
.section-bottom-triangle:after {
    top: 100%;
    height: 10rem;
    left: 0%;
    width: 0%;
    transform-origin: 0 0;
    transform: translateY(-50%) skewY(-4.7deg);
}