.resizable-image {
max-width: 100%;
max-height: 100%;
display: block;
margin: auto;
}

.button {
background-color:#aaaae6;
border-width:1px;
border-color:#aaaae6;
display:inline-block;
}

.adapt {
height:fit-content;
}

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.gallery-item {
  margin: 5px;
  border: 0px solid #ccc;
  max-height: 200px;
  width: 33%;
  margin-bottom: 60px;
}

div.gallery-item:hover {
  border: 1px solid #777;
}

div.gallery-item img {
  width: auto;
  height: 100%;
}

div.gallery-item div.desc {
  padding: 0px;
  text-align: center;
}