div.img_gallery_item {
  height: 50vmin;
  margin:  0px 0px;
  padding: 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1vmin;
}

div.flex_img_gallery_item {
  height: 19vmin;
  margin:  0px 0px;
  padding: 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1vmin;
}

div.flex_img_gallery_item:hover {
height: 50vmin;
  font-size: 2vmin;
}

div.flex_img_gallery_item_small {
  height: 9vmin;
  margin:  0px 0px;
  padding: 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1vmin;
}

div.flex_img_gallery_item_small:hover {
height: 20vmin;
  font-size: 2vmin;
}

div.flex_img_gallery_item_big {
  height: 49vmin;
  margin:  0px 0px;
  padding: 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1vmin;
}

div.flex_img_gallery_item_big:hover {
height: 70vmin;
  font-size: 2vmin;
}

div.flex_img_gallery_item_mid {
  height: 35vmin;
  margin:  0px 0px;
  padding: 0px 0px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1vmin;
}

div.flex_img_gallery_item_mid:hover {
height: 45vmin;
  font-size: 2vmin;
}

div .final_slide {
    position: relative;
    width: 100vw;
    height: 100vh;
}

div .final_slide .final_image {
    position: absolute;
    height: auto;  /* Maintain aspect ratio */
    opacity: 0; /* Start hidden */
    transition: opacity 0.5s ease; /* Fade-in effect */
}

div.final_slide .fragment.visible {
    opacity: 1;
}