#about-company {
    background: linear-gradient(to right, rgb(127, 66, 232), rgb(191, 78, 219), rgb(229, 83, 124)); /* Gradient background */
    min-height: 100vh; /* Ensures the section takes up at least the full viewport height */
    padding: 10% 0; /* Adjust padding for better spacing */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: visible; /* Allow content to overflow if necessary */
}

#about-company .company-image {
    max-width: 100%; /* Ensures the image scales properly */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Ensures the image is displayed as a block element */
}

#about-company .front-title {
    font-size: 2rem; /* Adjust font size for better readability */
    color: white;
}

/* Responsive Styles */
@media (max-width: 768px) {
    #about-company {
        min-height: auto; /* Allow the section height to adjust based on content */
        padding: 10% 0; /* Adjust padding for better spacing */
    }

    #about-company .front-title {
        font-size: 1.5rem; /* Smaller font size for smaller screens */
    }

    #about-company .company-image {
        max-width: 90%; /* Further reduce image size for smaller screens */
    }
}

@media (max-width: 480px) {
    #about-company {
        padding: 10% 0; /* Adjust padding for better spacing */
    }

    #about-company .front-title {
        font-size: 1.2rem; /* Even smaller font size for very small screens */
    }

    #about-company .company-image {
        margin-top: 80px; /* Add margin for spacing */
        max-width: 100%; /* Full width for very small screens */
        height: auto; /* Ensure aspect ratio is maintained */
    }
}