JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
	<title>Group Therapy</title>
</head>
<body>

<div id="ribbon1"></div>
<div id="ribbon2"></div>
<div id="ribbon3"></div>
<div id="ribbon4"></div>
<div id="ribbon5"></div>
<div id="ribbon6"></div>
<div id="ribbon7"></div>
<div id="ribbon8"></div>
<div id="ribbon9"></div>
<div id="ribbon10"></div>
<div id="ribbon11"></div>
<div id="ribbon12"></div>
<div id="ribbon13"></div>

</body>
</html>

CSS

@keyframes ribbon13 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@-webkit-keyframes ribbon13 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@keyframes ribbon12 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(7.5deg);
        -webkit-transform: rotate(7.5deg);
    }
}
@-webkit-keyframes ribbon12 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(7.5deg);
        -webkit-transform: rotate(7.5deg);
    }
}
@keyframes ribbon11 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
}
@-webkit-keyframes ribbon11 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }
}
@keyframes ribbon10 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(22.5deg);
        -webkit-transform: rotate(22.5deg);
    }
}
@-webkit-keyframes ribbon10 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(22.5deg);
        -webkit-transform: rotate(22.5deg);
    }
}
@keyframes ribbon9 {
    from {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    to {
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
    }
}
@-webkit-keyframes ribbon9 {
    from {
        transform: rotate(90deg);
       ...