.normText {
  text-transform: initial !important;
}

/* *NEW CODE HERE* */
.about-image-wrap {
  position: relative;
}

/* Ortak stil ve animasyon tanımları */
.about-image-wrap::before,
.about-image-wrap::after,
.about-image-wrap span,
.about-image-wrap i {
  content: '';
  position: absolute;
  border: 1px solid var(--gold);
  border-radius: 2px;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  animation: randomBoxAnim 5s infinite ease-in-out;
}

/* 1. Kutu (Sol üst) */
.about-image-wrap::before {
  top: -24px;
  left: -24px;
  width: 50%;
  height: 50%;
  animation-delay: 0s;
  animation-duration: 4.5s;
}

/* 2. Kutu (Sağ alt - Dikdörtgen) */
.about-image-wrap::after {
  bottom: -20px;
  right: -20px;
  width: 45%;
  height: 65%;
  animation-delay: 1.5s;
  animation-duration: 5.5s;
}

/* 3. Ekstra Kutu (Sol alt - span kullanarak) */
.about-image-wrap span {
  bottom: -15px;
  left: -30px;
  width: 35% !important;
  height: 35% !important;
  animation-delay: 3s;
  animation-duration: 4s;
}

/* 4. Ekstra Kutu (Sağ üst - i kullanarak) */
.about-image-wrap i {
  top: -30px;
  right: -15px;
  width: 60% !important;
  height: 35% !important;
  animation-delay: 2.2s;
  animation-duration: 6s;
}

/* Büyüme, opacity artış ve azalış animasyonu */
@keyframes randomBoxAnim {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }

  40% {
    opacity: 0.7;
    /* En belirgin olduğu an */
    transform: scale(1);
  }

  80%,
  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}