JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div class="element">
		<p>welcome</p>
		<p>${user_name}</p>
		<p>${user_email}</p>
		<p>${user_contact}</p>
    <p>fjdklfjdajsfdjfjdfjdsj</p>
	</div>
</body>
</html>

CSS

.element {
		  flex-wrap: wrap;
		  text-indent: 15px;
		  background-color: #0074d9;
		  height: auto;
		  width: max-content;
		  margin-right: 5px; 
		  margin-left: 5px;
		  animation: roll 3s infinite;
		  transform: rotate(30deg);
		  opacity: .5;
		}

		@keyframes roll {
		  0% {
		    transform: rotate(0);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}