.image-group {
    display: flex;
    gap: 15px;
}

.rounded-img {
    width: 50%;
    height: 300px;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    object-fit: cover;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease; /* Smooth zoom transition */

}
/* Image zoom on hover */
.image-group img:hover {
    transform: scale(1.1); /* Zoom effect */
}
.text-content{
    padding: 0 20px;
}
.text-content h2 {
    color: #2B3A42; /* Customize as needed */
    font-size: 2.5rem;
}