JSFiddle - React, Tailwind, and code Playground

HTML

<div class="trapezeG">
</div>

CSS

.trapezeG {
  position: absolute;
  left: 214px;
  top: 120px;
  width: 1px;
  height: 90px;
  border: 1px solid #069;
  border-color: transparent transparent transparent #000000;
  border-width: 22px 32px; /*overall height 90+22+22 = 134*/
  transform: rotate(180deg);
    transition:all 0.4s;
}
.trapezeG:hover{
    height:50px;
    border-width:42px 32px; /*overall height = 50+42+42 = 134*/
}