    
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        
        .container {
            width: 100%;
            max-width: 900px;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        
        .img-place {
            
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8c8c8c;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            transition: opacity 0.2s ease;
        }
		.img-place img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

        .img-place:hover {
            opacity: 0.9;
        }

        /* Main Featured Image */
        .featured-img {
            width: 100%;
            aspect-ratio: 16 / 10;
            font-size: 1.5rem;
            font-weight: 500;
        }

        /* Grid Layout */
        .image-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }

        .grid-item {
            aspect-ratio: 1 / 1;
        }

        
        @media (max-width: 600px) {
            body {
                padding: 1rem 0.5rem;
            }
            
            .container {
                gap: 1rem;
            }

            .image-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }
        }