.custom-flex-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .custom-flex-gallery img {
        flex: 1 1 calc(25% - 10px); /* 4 columns with space between */
        max-width: calc(25% - 10px);
        object-fit: cover;
  max-height: 300px;
  min-height:300px;
      border:1px solid #fff;
    }
    @media (max-width: 1024px) {
        .custom-flex-gallery img {
            flex: 1 1 calc(33.33% - 10px); /* 3 columns on medium screens */
            max-width: calc(33.33% - 10px);
        }
    }
    @media (max-width: 768px) {
        .custom-flex-gallery img {
            flex: 1 1 calc(50% - 10px); /* 2 columns on smaller screens */
            max-width: calc(50% - 10px);
        }
    }
    @media (max-width: 480px) {
        .custom-flex-gallery img {
            flex: 1 1 100%; /* 1 column on mobile screens */
            max-width: 100%;
        }
    }