.baner {
    width: 100%; 
    height: 300px; 
    object-fit: cover;
    margin-bottom: 20px; 
}

.environment-description {
    max-width: 800px; 
    margin: 0 auto; 
    text-align: center; 
    padding: 20px; 
}

.environment-description h3 {
    color: #0056b3; 
    font-size: 1.8em; 
    margin-bottom: 15px;
}

.environment-description p {
    font-size: 1.2em;
    line-height: 1.6; 
    color: #333; 
}

.baner{
    object-fit: contain;
}

@media (max-width: 768px) {
    .baner {
        height: 200px; 
    }

    .environment-description {
        padding: 15px;
    }

    .environment-description h3 {
        font-size: 1.5em; 
    }

    .environment-description p {
        font-size: 1em; 
    }
}

.dark-theme p {
    color: #fff;
}