#columns {
       column-width: 350px;
       column-gap: 5px;
       width: 95%;
       max-width: 1400px;
       margin: 40px auto;
   }
   
   div#columns .cardA {
       margin: 0 10px 20px;
       box-shadow: 2px 2px 9px 0px #4747474f;
       padding: 15px;
       padding-bottom: 15px;
       transition: opacity .4s ease-in-out;
     display: inline-block;
     column-break-inside: avoid;
   }
   
   div#columns .cardA img {
       height: auto;
       max-width: 90%;
       padding-bottom: 15px;
       margin-bottom: 5px;
   }

   div#columns small { 
     float: right; 
     color: #aaa;
   } 
   
   div#columns small a { 
    color: rgb(117, 117, 117); 
    text-decoration: none; 
    transition: .4s color;
   }

   div#columns:hover .cardA:not(:hover) {
    opacity: 0.4;
  }
  
  @media screen and (max-width: 750px) { 
    #columns { column-gap: 0px; }
    #columns .cardA { width: 100%; }
  }