#image--container {
    display: flex;
    align-items: center;
    width: 100dvw;
    overflow: hidden;
    transform: translateY(10%);

    @media (max-height: 600px) and (orientation: landscape) {
        height: 100dvh;
    }

    @media (min-width: 768px) and (min-height: 600px) {
        height: 45dvh;
    }

    @media (min-width: 1000px){
        height: 40dvh;
    }

    @media (min-width: 1200px) {
        height: 90dvh;
    }
}

#home--school-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main--content-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: visible;
    padding: 10% 5%;
    background-color: #ece7e3;
}

.main--content-container::after {
    content: "";
    position: absolute;
    transform: translateY(-99%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15vh;
    background-image: linear-gradient(to top, #ece7e3 15%, rgba(206, 41, 41, 0) 100%);
    pointer-events: none; 

    @media (max-height: 600px) and (orientation: landscape){
        height: 26dvh;
    }

    @media (min-width: 768px) and (min-height: 600px) {
        height: 24dvh;
    }

    @media (min-width: 1000px){
        height: 19dvh;
    }
}

h1{
    color: #4b3d33;
    font-family: "Montserrat";
    font-weight: 600;
}

.label--title {
  display: inherit;
  align-items: inherit;
  flex: 1;

    @media (orientation: landscape) {
        font-size: 1.2dvw;
    }
  
    @media (orientation: portrait) {
        font-size: 1.2dvh;
    }
}