@charset "utf-8";
#history-gallery .image-area{
  position: relative;
  aspect-ratio:344/212;
}
#history-gallery .image-area img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#history-gallery .thumbnail-list > li > img{
  opacity: .5;
  filter: sepia(1);
}
#history-gallery .thumbnail-list > li >img.active,
#history-gallery .thumbnail-list > li > img:hover{
  opacity: 1;
  filter: none;
}
@media print, screen and (min-width: 751px) {
  #history-gallery{
      margin-top: 20px;
  }
  #history-gallery .thumbnail-list > li{
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 750px) {
  #history-gallery{
      margin-top: 25px;
  }
  #history-gallery .thumbnail-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 18.84%);
    gap: 1.45%;
    margin-top: 15px;
  }
  .history-catalog{
    max-width: 178px;
    margin-left: auto;
    margin-right: auto;
  }
}