/* Default settings for all devices */
        .portrait-img {
            display: none; /* Hide the portrait image by default */
        }
        .landscape-img {
            display: block; /* Show the landscape image by default */
        }

        /* Media query for mobile devices in portrait mode */
        @media screen and (max-width: 768px) and (orientation: portrait) {
            .portrait-img {
                display: block; /* Show the portrait image */
            }
            .landscape-img {
                display: none; /* Hide the landscape image */
            }
        }