.content {
            margin: 5%;
            width: 90%; /* 100% minus the 5% margin on each side */
            max-width: 100%; /* Ensure it doesn't exceed the viewport width */
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
            text-align: center; /* Center the inline elements like img */
        }

img {
            transition: transform 0.3s ease;
            width: 100%; /* Make images responsive */
            max-width: 500px; /* Set a maximum width for images */
            height: auto; /* Maintain aspect ratio */
            display: block; /* Make images block elements */
            margin: 0px auto; /* Center the block elements */
            border-radius: 15px; /* Rounded corners */
        }

img:hover {
            transform: scale(1.1);
        }