#columns {
    column-width: 320px;
    column-gap: 15px;
    width: 100%;
    max-width: 1100px;
    margin: 50px auto;
  }
  #columns figure {
    background: #fefefe;
    border: 2px solid #fcfcfc;
    box-shadow: 0 1px 2px rgba(35, 25, 25,.4);
    margin: 0 2px 15px;
    padding: 15px;
    padding-bottom: 10px;
    transition: .4 ease-in-out;
    display: inline-block;
    column-break-inside: avoid;
  }
  #columns figure img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 5px;
  }
  columns:hover figure :not(:hover){
    opacity: 0.4;
  }