.contact-container {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.btn-custom {
    background-color: #8B4513;
    color: white;
}
.btn-custom:hover {
    background-color: #6B3310;
}
.contact-info {
    background: url('uploads/cover.jpeg') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 40px;
    border-radius: 10px;
}
.contact-info h2, .contact-info p {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
}
.custom-img {
    max-width: 100%;  /* Ensure it scales within the div */
    height: auto;      /* Maintain aspect ratio */
    max-height: 400px; /* Adjust height limit (change if needed) */
    object-fit: cover; /* Crop extra content while maintaining aspect */
    border-radius: 10px; /* Smooth edges */
}
