Вот мой CSS код, 98% потому что лень было всё сдвигать на несколько пикслей, оцените вообще мой синтаксис и мысль выполнения:
html,
body {
width: 550px;
height: 310px;
margin: 0;
padding: 0;
}
.part-green {
transform: translateX(15px) rotate(90deg);
}
.part-maroon {
transform: translateY(-125px) rotate(180deg);
}
.part-orange {
transform: translateX(105px) translateY(160px) rotate(-90deg) scale(2);
}
.part-red {
transform: translateX(175px) translateY(-100px) skewX(-45deg);
}
.part-yellow {
transform: rotate(90deg) translateY(-39px);
}
.part-blue {
transform: translateX(-119px) translateY(-80px) skewX(-45deg);
}