/* สำหรับหน้าจอเล็ก (มือถือ) */
@media (max-width: 768px) {
    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 20px;
      height: auto;
    }
  
    .left {
      padding-left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      height: auto;
      transform: translateX(0);
    }
  
    .left-top,
    .left-bottom {
      transform: translateX(0);
      text-align: center;
    }
  
    .right {
      width: 100%;
      height: auto;
      transform: translateX(0);
      padding: 20px 0;
    }
  
    .img-style-2 {
      padding-left: 0;
      width: 80%;
      height: auto;
    }
    
    .text-style-1 {
      font-size: 28px;
    }
  
    .text-style-2 {
      font-size: 18px;
    }
  }
  
  /* สำหรับแท็บเล็ต (แนวตั้ง) */
  @media (max-width: 1024px) {
    .container {
      grid-template-columns: 1fr;
      height: auto;
    }
  
    .left {
      padding-left: 0;
      align-items: center;
      text-align: center;
      transform: translateX(0);
    }
  
    .right {
      width: 100%;
      transform: translateX(0);
    }
  
    .img-style-2 {
      padding-left: 0;
      width: 70%;
      height: auto;
    }
  }