.custom-container {
    display: flex;
    background-image: url('../images/backbull.png'); /* Replace with your background image path */
    background-size: cover;
    background-position: center;
    padding: 20px; /* Adjust padding as needed */
    flex-wrap: wrap; /* Allow content to wrap on smaller screens */
}

.image-area {
    flex: 1;
    margin-right: 20px; /* Adjust spacing between image and content */
}

    .image-area img {
        width: 100%;
        height: auto;
        border-radius: 10px; /* Optional: add border radius for better aesthetics */
    }

.content-area {
    flex: 2;
    color: #fff; /* Example text color */
}

/* Media Query for Tablets */
@media (max-width: 768px) {
    .custom-container {
        flex-direction: column; /* Stack content vertically on smaller screens */
    }

    .image-area {
        margin-right: 0; /* Remove right margin when stacked vertically */
        margin-bottom: 20px; /* Add bottom margin for spacing */
    }
}

/* Media Query for Mobile Phones */
@media (max-width: 480px) {
    .image-area {
        width: 100%;
        margin-right: 0;
    }

    .content-area {
        width: 100%;
    }

    .custom-container {
        padding: 10px; /* Adjust padding for smaller screens */
    }
}