.image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(5, auto);
            gap: 15px;
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }

        .grid-item {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 6px;
            border: 2px solid #002b66;
            background-color: #ddd;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }

        .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }