.show-container{
    width:100%;
    margin:auto;
    overflow:hidden;
    /* background-color: #a0bbd7;  */
    background-image: radial-gradient(whitesmoke,#a0bbd7); 

  }

  .logos{
    overflow: hidden;
    margin-top: 30px;
    padding: 30px ;
    white-space: nowrap;
    position: relative; 
  }
  
  .logos:hover .logos-slide{
    animation-play-state: paused;
  }
  
  .logos::before,
  .logos::after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content:"";
    z-index: 2;
  }
  
  .logos::before {
    left: 0;
    content: linear-gradient(to left,rgb(255,255,255,0),rgb(160, 187, 215));
  }
  
  .logos::after {
    right: 0;
    content: linear-gradient(to right,rgb(255,255,255,0),rgb(160, 187, 215));  
  }
  
  .logos-slide {
    display: inline-block;
    animation: 20s slide infinite linear ;  
  }
    
  .logos-slide img{
    height: 100px;
    margin: 0 30px;
    border-radius: 5%;
  
  }