.text { 
    margin: 1.3rem;
    align-self: center;
  }
  
  .image{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    padding: 0.3rem;
  
  }
  .picture{
    width: 100%;
  }

  #vlightbox1 {
    margin:auto !important;
    align-self: center !important;
    width: auto !important; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
  .vlightbox1{
    height: auto;
  
  }


  @media (width > 770px) {

    .image{
        align-self: center;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        gap: 1.5%;
        padding: 1.5%;
      }
      
      
      #vlightbox1 {
        margin: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-self: center;
      }
      .vlightbox1{
        width: 90%;
        height: auto;
      
      }

      #vlightbox1 .vlightbox1 {
        width: 150px !important;
        margin: auto !important;
        padding: 0.6rem 0;
      }


  }