.aboutslider {
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative;
  }
  
  .aboutslides {
    display: flex;
    width: 300vw; /* 3 slides * 100vw */
    transition: transform 1s ease-in-out;
  }
  
  .aboutslide {
    width: 100%;
    height: 430px;
    background-size: cover;
    background-position: center;
  }

  @media (min-width: 992px) and (max-width: 1199px) { 
    .aboutslider {
      width: 100%;
      height: 320px;
      overflow: hidden;
      position: relative;
    }
    
    .aboutslides {
      display: flex;
      width: 300vw; /* 3 slides * 100vw */
      transition: transform 1s ease-in-out;
    }
    
    .aboutslide {
      width: 100%;
      height: 320px;
      background-size: cover;
      background-position: center;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .aboutslider {
      width: 100%;
      height: 244px;
      overflow: hidden;
      position: relative;
    }
    
    .aboutslides {
      display: flex;
      width: 300vw; /* 3 slides * 100vw */
      transition: transform 1s ease-in-out;
    }
    
    .aboutslide {
      width: 100%;
      height: 244px;
      background-size: cover;
      background-position: center;
    }
  }


  @media (min-width: 320px) and (max-width: 480px) { 
    .aboutslider {
      width: 100%;
      height: 100px;
      overflow: hidden;
      position: relative;
    }
    
    .aboutslides {
      display: flex;
      width: 300vw; /* 3 slides * 100vw */
      transition: transform 1s ease-in-out;
    }
    
    .aboutslide {
      width: 100%;
      height: 100px;
      background-size: cover;
      background-position: center;
    }
  
  }