.flower {
    position: relative; 
    width: 100%;
    height: 0;        
    pointer-events: none;
    overflow: visible;
  }
  
  .flower img {
    position: absolute;
    top: -300px;
    width: 18%;     
    height: auto;
    opacity: 1;
    z-index: 2;
    pointer-events: none;
  }
  
  .flower-left img {
    left: -100px;  
  }
  
  .flower-right img {
    right: -100px;   
  }
  
  
  @media (max-width: 768px) {
    .flower-left img,
    .flower-right img {
      display: none; 
    }
  }
  


  .flower .ascii-flower { 
    position: absolute; 
    

    font-size: 9px; 
    line-height: 1; 
    white-space: pre; 
    font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace; 
    
    background: linear-gradient(to right, rgb(245, 186, 60), rgb(227, 255, 65), rgb(39, 255, 39), rgb(42, 42, 233), rgb(155, 32, 243), rgb(245, 45, 245), rgb(249, 42, 149), #ff9b4f);
    background-size: 200%; 
    -webkit-background-clip: text;
    background-clip: text; 
    -webkit-text-fill-color: transparent; 

    animation: pulsateLine 8s ease-in-out infinite;



    opacity: 1;
    z-index: 2;
    pointer-events: none;

    margin-bottom: 150px;
}


.flower-left .ascii-flower {
    left: 400px; 
    transform: translateX(-100%); 
}

.flower-right .ascii-flower {
    right: -100px; 
    transform: translateX(100%); 
}

.flower-center .ascii-flower {
    left: 50%; 
    transform: translateX(-50%);
}


@media (max-width: 768px) {
    .flower-left .ascii-flower,
    .flower-right .ascii-flower,
    .flower-center .ascii-flower {
        display: none;
    }
}