.gallery-main-frame {
            display: flex;
            justify-content: center;
            align-items: center;
           
        }

        .content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            background-color: #f1ce5d;
            width: 100%;
            gap: 10px;
            /* margin: 10px; */
        }


        .image-box {
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
            align-items: center;
            background-color: rgb(255, 255, 255);
            border: 1px solid black;
            overflow: hidden;
            border-radius: 10px;

        }

        .image-box img {
            width: 100%;
            min-width: 00;
            height: 350px;
            background-color: rgb(255, 255, 255);
            border-radius: 10px;
            cursor: pointer;
        }

        .image-box button {
            padding: 10px 71px;
            margin: 5px;
            background-color: #ffff0085;
            border: 2px solid #ee0000;
            font-size: 1em;
            font-family: 'Times New Roman', Times, serif;
            border-radius: 10px;
            box-shadow: 4px 2px 15px;
            transition: transform 0.5s ease-in-out;
            cursor: pointer;
        }

        .image-box button:hover{
            background-color: #ffff0037;
            transform: translateY(-15px);
        }