<br><div class="styled-section">
    <div class="text-content">
        <h2>AI-Based Online Image Tools</h2>
        <p>
            With the rapid advancements in artificial intelligence, managing and enhancing images has never been easier. AI-based online image tools empower users to perform complex tasks with just a few clicks.</p>
            <h3>Need a higher resolution? </h3><p>AI upscaling can enhance your image's clarity without losing quality. For those working with product photos, portraits, or any visuals requiring a clean background, AI-driven background removal offers precision that was once only achievable through professional software.
        </p>
    </div>
    <div class="image-content">
        <img src="images/222.png" alt="Description of image">
    </div>
</div>
<style>


.styled-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 50px;
    background:#fff;
    border-top:1px solid #ccc;
}

.text-content {
    flex: 1;
    min-width: 270px;
    max-width: 570px;
    color: #333; /* Text color */
}

.image-content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 390px;
    max-width: 490px;
}

.image-content img {
    max-width: 100%;
    padding:20px;
   
}

@media (max-width: 768px) {
    .styled-section {
        flex-direction: column;
        text-align: center;
    }

    .image-content,
    .text-content {
        max-width: 100%;
    }
}

</style>