body {
            font-family: Arial, sans-serif;
            margin: 1;
            padding: 300;
            overflow-x: hidden; /* Prevent horizontal scrollbar */
        }

        .container1 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            max-width: 100vw; /* Ensure it fits within the viewport */
        }

        .image-left, .image-right {
            flex: 1 1 50%;
            box-sizing: border-box;
            max-width: 100%; /* Ensure images do not overflow */
        }

        img {
            max-width: 100%;
            height: 50%;
        
        }