.img-dance{
    max-width: 40%;
    border: 3px solid rgb(95, 95, 95);
    border-style: double;
}

.img-4 {
          
    max-width: 70%;     
    
  }  

.image-container33{
    text-align: center; /* center text */
    padding: 10px;
    max-width: 30%; /* adjust as needed */
    margin: 0 auto; /* center horizontally */
    
    
  }

  .image-container33 p{
    font-family: 'Public Pixel', sans-serif;
    color: rgb(255, 255, 255);
    font-size: 13px; /* adjust as needed */
    line-height: 1.5; /* adjust as needed */
    text-align:justify;
    
  }

  @media screen and (max-width: 768px) {
    .image-container33 {
      padding: 5px;
      max-width: 80%;
      display: block; /* reset display property for mobile */
    }
  
    .image-container33 p {
      font-size: 12px; /* update font size for mobile */
    }
  }
  
  @media screen and (max-width: 480px) {
    .image-container33 p {
      font-size: 9px; /* update font size for smaller mobile screens */
    }
  }



  .audio-container {
    display: flex;
    flex-direction: column;
    align-items:center;
    
  }

  .audio-track {
    margin: 8px;
    
  }


  audio::-webkit-media-controls-panel {
    background-color: rgb(192, 192, 192);
    
    
  }

  .colored-letter2 {
    color: rgb(0, 196, 65);
    position: relative;
    animation: glitch 1s infinite;
  }
  .colored-letter4 {
    color: rgb(255, 130, 199);
    position: relative;
    animation: glitch 1s infinite;
  }

  .glitch span {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .glitch span:first-child {
    animation: glitch 500ms infinite;
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
    transform: translate(-0.04em, -0.03em);
    opacity: 0.75;
  }
  
  .glitch span:last-child {
    animation: glitch 375ms infinite;
    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
    transform: translate(0.04em, 0.03em);
    opacity: 0.75;
  }
  
  @keyframes glitch {
    0% {
      text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
        0.025em 0.04em 0 #fffc00;
    }
    15% {
      text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
        0.025em 0.04em 0 #fffc00;
    }
    16% {
      text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
        -0.05em -0.05em 0 #fffc00;
    }
    49% {
      text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
        -0.05em -0.05em 0 #fffc00;
    }
    50% {
      text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
        0 -0.04em 0 #fffc00;
    }
    99% {
      text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
        0 -0.04em 0 #fffc00;
    }
    100% {
      text-shadow: -0.05em 0 0 #00fffc, -0.025em -0.04em 0 #fc00ff,
        -0.04em -0.025em 0 #fffc00;
    }
  }