.wrapper {
  margin-left: 80px;
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;

}

.three {
  grid-column: 1 / 1; 
  grid-row: 2 / 3; 
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 400, 'opsz' 96;
  margin-top: 100px;
  rotate: 90deg;
  transition: font-variation-settings 0.3s ease-out, letter-spacing 0.3s ease-out, transform 0.3s ease-out;
}

.four {
  grid-column: 1 / 1; 
  grid-row: 2 / 2;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 400, 'opsz' 96;
  margin-left: -100px;
  margin-top: 150px;
  rotate: 90deg;
  transition: font-variation-settings 0.3s ease-out, letter-spacing 0.3s ease-out, transform 0.3s ease-out;
}

.one {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 400, 'opsz' 96;
  transition: font-variation-settings 0.3s ease-out, letter-spacing 0.3s ease-out, transform 0.3s ease-out;
  background-color: blueviolet;
}

.one:hover {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 600, 'opsz' 96;
  letter-spacing: 5px;
}


.two:hover {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 600, 'opsz' 96;
  letter-spacing: 5px;
}

.two {
  grid-column: 2 / 2;
  grid-column: 2 / 2;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  font-variation-settings: 'wght' 400, 'opsz' 96;
  text-decoration: none;
  transition: font-variation-settings 0.3s ease-out, letter-spacing 0.3s ease-out, transform 0.3s ease-out;
  background-color: rgb(102, 14, 183);
}

.three:hover {
  grid-column: 1 / 1;
  grid-row: 2 / 2;
  font-family: Bodoni Moda;
  color: aqua;
  font-size: 5rem;
  text-decoration: none;
  font-variation-settings: 'wght' 600, 'opsz' 96;
  letter-spacing: 5px;
}


.wrapper:hover .two {
  transform: translateX(-100px) scaleX(0.5);
  font-variation-settings: 'wght' 600, 'opsz' 96;

}

.wrapper:hover .one {
  transform: translateX(-10px);

}