.column {
  width: 11%;
  
}


@media (max-width: 375px) { 
.slideContainer {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 375px) { 
  .mySlides img {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  }
  }


@media (min-width: 376px)and(max-width: 450px) {
    .slideContainer {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    }
    }

    @media (min-width: 376px) and (max-width: 450px) {
      .mySlides img{
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
      
      }
      }

      @media (min-width: 460px) and (max-width: 1024px) {
        .slideContainer {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        }
        }
    
        @media (min-width: 460px) and (max-width: 1024px) {
          .mySlides img{
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          
          }
          }