التأثيرات على img لا تظهر عند استخدامها من خلال الكلاس

السلام عليكم 

لدي سؤال بخصوص استخدام الكلاس 

لدي كلاس img

 <div id="img">
                <img src="images/image-omelette.jpeg" alt="image of the dish">
            </div>

لكن عند استخدامه في css لا تظهر التاثير على الصور 
 

.img {
     width: 100%; /* Make the image responsive */
     max-width: 600px; /* Set a maximum width */
     height: auto; /* Maintain aspect ratio */
     border-radius: 20px; /* Rounded corners */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
     margin: 0 auto; /* Center the image */
     display: block; /* Ensure it behaves as a block element */
 }