.gallery-image {
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      
      .gallery-image img {
        height: 250px;
        width: 350px;
        transform: scale(1.0);
        transition: transform 0.4s ease;
      }
      
      .img-box {
        box-sizing: content-box;
        margin: 10px;
        height: 250px;
        width: 350px;
        overflow: hidden;
        display: inline-block;
        color: white;
        position: relative;
        background-color: white;
      }
      
      .caption {
        position: absolute;
        bottom: 5px;
        left: 20px;
        opacity: 0.0;
        transition: transform 0.3s ease, opacity 0.3s ease;
      }
      
      .transparent-box {
        height: 250px;
        width: 350px;
        background-color:rgba(0, 0, 0, 0);
        position: absolute;
        top: 0;
        left: 0;
        transition: background-color 0.3s ease;
      }
      
      .img-box:hover img { 
        transform: scale(1.1);
      }
      
      .img-box:hover .transparent-box {
        background-color:rgba(0, 0, 0, 0.5);
      }
      
      .img-box:hover .caption {
        transform: translateY(-20px);
        opacity: 1.0;
      }
      
      .img-box:hover {
        cursor: pointer;
      }
      
      .caption > p:nth-child(2) {
        font-size: 0.8em;
      }
      
      .opacity-low {
        opacity: 0.5;
      }
    
    
      .ps{
        color: rgb(253, 251, 251);
        margin-left: 14%;
        margin-right: 14%;
      }