.gallery {
  width: 570px;
  columns: 3 150px;
  
  div {
    display: inline-block;
    width: 180px;
    border: dashed 1px #6a636a;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #302832;
    margin: 0px 3px 3px 0px;
    padding: 3px;
    transition: all .25s ease-in-out;
    
    &:hover img {
      filter: opacity(100);
  }
    
    &:hover {
      border-color: #6e7483;
  }
    
    img {
      width: 180px;
      border-radius: 5px;
      filter: opacity(50%);
      transition: all .25s ease-in-out;
  }
}

  .text {
    display: inline-block;
    width: 180px;
    border: 0px;
    box-shadow: 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 3px;
  }
}

.solo {
  width: 600px;
  columns: 1px;
  
  div {
    display: inline-block;
    width: 600px;
    border: dashed 1px #6a636a;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #302832;
    margin: 2px 2px 2px 2px;
    padding: 3px;
    transition: all .25s ease-in-out;
    
    &:hover img {
      filter: opacity(100);
    }
    
    &:hover {
      border-color: #6e7483;
    }
    
    img {
      width: 600px;
      border-radius: 5px;
      filter: opacity(50%);
      transition: all .25s ease-in-out;
    }
  }
}