.cstmGrayGalery img{
    filter: grayscale(100%);
    transition: 500ms;
    width: 300px;
}
.cstmGrayGalery img:hover{
    filter:grayscale(0%);
    transform: scale(1.05);
}


canvas{
    border: 0px black solid;
}	

.cards-wrapper {
    display: flex;
    justify-content: center;
  }
  .card img {
    max-width: 100%;
    max-height: 100%;
  }
  .card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 0;
  }
  .carousel-inner {
    padding: 1em;
  }
  .carousel-control-prev,
  .carousel-control-next {
    background-color: #e1e1e1;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
  @media (min-width: 768px) {
    .card img {
      height: 11em;
    }
  }

 .element-wrapper::-webkit-scrollbar{
   width: 0px;
 }




  /*  
  
      .element-wrapper {
      position: relative;
      display: flex;
      overflow-x: auto;
      overflow: hidden;
      animation: 20s slider infinite;
      height: 200px;
    }    

    .element {
      background-color: purple;
      margin: 0 10px 0 0;
      flex-shrink: 0;

    }

    .element img{
        max-width: 100%;
max-height: 100%;      
    }
  
  #slider {
      overflow: hidden;
    }
    
    @keyframes slider {
      0% {
        left: -5%;
      }
      20% {
        left: -10%;
      }
      25% {
        left: -15%;
      }
      45% {
        left: -20%;
      }
      50% {
        left: -25%;
      }
      70% {
        left: -30%;
      }
      75% {
        left: -35%;
      }
      95% {
        left: -40%;
      }
      100% {
        left: -45%;
      }
    }

    */