/*div.gallery {
    padding: 10px;
  }*/

  #gallery {
    margin: 5px;
    padding: 10px;
    /*border: 1px solid #ccc;*/
    /*float: left;*/
    width: 180px;
  }
  
  #gallery-image {
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 10px; /* Some padding */
    /* width: 100px; Set a small width */

}

#gallery-image.caption {
  size: 6px;
  align-content: flex-start; /* this is not working */
}
  
  #gallery-image img {
    /*border: 1px solid #ddd;  Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    /* width: 100px; Set a small width */

}

  div.gallery img {
    width: 100%;
    height: auto;
  }
  
  div.desc {
    padding: 15px;
    text-align: center;
  }