body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, sans-serif; /* You can choose your font */
}

.banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px; /* Adjust the height as desired */
    background-color:  #313b1d; /* Background color */
    background-image: url('../images/ML2/ML2_Stable_Diffusion_Banner.webp'); /* Path to your image */
    background-size: contain; /* Scale the image to be as large as possible, ensuring both its height and width can fit within the content area */
    background-position: left center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the image */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.banner img {
    max-width: 100%;
    height: auto;
}

.content {
    margin-top: 120px; /* Adjust this value to be greater than your banner's fixed height */
    padding: 20px;
}