body {
  background-color: aqua;
}


.content {
  margin-top: 200px;
  margin-left: 200px;
  position: relative;
  background-color: rgb(100, 57, 4);
  transition: transform 2s;
}

.item {
    position: absolute;
  width: 150px;
  height: 64.5px;
  border-left: 3px solid white;
  border-right: 3px solid white;
  background-color: red;
}

.item_1 {
display: flex;
justify-content: center;
align-items: center;
font-size: 60px;
color: white;
z-index: 5;
}

.item_2 {
  transform: rotate(45deg);
}

.item_3 {
  transform: rotate(90deg);
}

.item_4 {
  transform: rotate(135deg);
}

.content:hover {
transform: scale(0.5) rotate(360deg);
}