.caption {
   margin-left: 5px;
   padding-top: 1vh;
   text-align: left;
   max-width: 33%;
   font-size: 12px;
 }
 .contentBox {
    display: flex;
    width: 100%;  /* Or any specific width */
    height: 95%; /* Or any specific height */
    background-color: #f0f0f0; /* For visual reference */
    justify-content: center;
    align-items: flex-start;
    /*flex-direction: column;*/
 }

 .undercaption {
   margin-top: 1vh;
   text-align: center;
   width: 100%;
   font-size: 12px;
 }

 .contentBox img {
 }

 .contentimg {
    width: 100%;
    min-height: 100px;
    max-width: 60%;  
    min-width: 25%;  
    margin: auto;
    object-fit: contain;
    padding: 0.3vw;
    cursor: pointer;
 }

 .contentBox iframe {
    min-width: 10vw;
    width: 100%;
    height: 55vh;
    overflow: clip;
    min-Height: 10vh;
    /*max-Height: 30vh;*/
 }

 .videoBox {
   width: 320px !important;
   height: 240px !important;
 }

 .videoBox iframe {
   width: 640px;
   height: 480px;
 }

 .toolImg {
   width: 100%;
 }
 .toolImg img {
    width: 20vw;
    height: 20vh;
    object-fit: contain;
 }

 
 .previewDiv {
      position: absolute;
      /*max-Width: 65vw;
      min-Width: 15vw;
      min-Height: 30vh;
      max-Height: 100%;*/
      height: 100%;
      width: 100%;
      border: none;
      object-fit: contain;
      margin: auto;
      overflow: clip;
 }


 .previewStory {
      max-width: 100%;
      /*min-width: 25vw;*/
      width: 100%;
      border: none;
      height: 100%;
 }
/*
 .previewDiv img {
    min-width: 10vw;
    max-height: 70vh;
    width: 100%;
    height: 100%;
      object-fit: contain;
 }
 
 .previewDiv iframe {
    min-width: 10vw;
    width: 100%;
    max-height: 60vh;
    height: 55vh;
      /*object-fit: contain;*/
    overflow: hidden;
 }
*/

 .previewStory iframe {
    min-width: 10vw;
    width: 100%;
    height: 60vh;
      /*object-fit: contain;*/
 }