import React from 'react'
import './gallery.css'
import { useEffect } from 'react';
function Gallery() {
    useEffect(() => {
        window.scrollTo({ top: 0, behavior: "smooth" })
    }, [])
    return (
        <>

            <div className="gallery-container mt-32">
                <div className="img-container">
                    <img src="1.jpg" alt="Image 1" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="2.jpg" alt="Image 2" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="3.jpg" alt="Image 3" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="4.jpg" alt="Image 4" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="5.jpg" alt="Image 5" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="6.jpg" alt="Image 6" className="hover:scale-110" />
                </div>
                <div className="img-container">
                    <img src="8.jpg" alt="Image 8" className="hover:scale-110" />
                </div><div className="img-container">
                    <img src="9.jpg" alt="Image 9" className="hover:scale-110" />
                </div><div className="img-container">
                    <img src="10.jpg" alt="Image 10" className="hover:scale-110" />
                </div>
            </div>
        </>
    );
}

export default Gallery