* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    .row {
        display: flex; 
        justify-content: space-between;
        margin-bottom: 20px;
    }
    
    .ts-speaker {
        flex: 1; 
        text-align: center; 
        margin: 0 10px; 
    }
    
    .speaker-img img {
        max-width: 100%; 
        max-height: 250px; 
        width: auto; 
    }
    
    .ts-title {
        font-size: 18px; 
        margin-top: 10px; 
        margin-bottom: 5px; 
    }
    
    .container {
        margin: 20px auto; 
    }
    
    nav ul {
        list-style: none; 
        display: flex; 
    }
    
    nav ul li {
        margin-right: 20px; 
    }
    
    nav img {
        max-width: 100px; 
    }
    
    nav a.active {
        color: #ffcc00; 
    }
    
    main {
        padding: 20px; 
    }
    
    .section-title-area {
        text-align: center;
    }
    
    p {
        margin-bottom: 15px;
    }
    
    .speaker-img {
    position: relative;
    overflow: hidden;
  }
  
  .speaker-img img {
    transition: transform 0.3s ease; 
  }
  
  .speaker-img:hover img {
    transform: scale(1.1); 
  }
  
  .speaker-img:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .speaker-img:hover::before {
    opacity: 1;
  }
  
  /* animation */
  .animated-logo-left {
    animation: slideInLeft 1s ease;
  }

  .animated-logo-right {
    animation: slideInRight 1s ease;
  }
  
  .animated-title {
    animation: slideInDown 1s ease;
  }