body {
            font-family: sans-serif;
            margin: 0;
            background-color: #f7f7f7;
        }

        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
            max-width: 1200px;
            margin: auto;
            padding: 40px;
        }
               
        .Textgallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
            max-width: 1200px;
            margin: auto;
            padding-top: 50px;
            padding-right: 40px;
            padding-left: 40px;
            padding-bottom: 1px;
        }

        .Textgallery a {
                width: 100%;
                height: auto;
                border-radius: 12px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease;
            }

            .gallery img {
                width: 100%;
                height: auto;
                border-radius: 12px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease;
            }

                .gallery img:hover {
                    transform: scale(1.05);
                }