.column {
    float: left;
    width: 14%;
    }
    
      
      @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;
            max-height: 300px;
            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;
                max-height: 500px;
                margin-left: auto;
                margin-right: auto;
                
                }
                }