html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /* overflow-y: hidden; */
  }

.slider-container {
    overflow: hidden;
    position: relative;
    height: 80px;
}

.delayed-element {
    opacity: 0;
    transition: opacity 2s ease; /* Optional: Transition for smooth reveal */
}
.delayed-element.show {
    opacity: 1; /* Reveal when class added */
}
 
h1 {
    display: flex;
    font-family: "ZCOOL XiaoWei", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    margin: 0;
    height: 160px;
}
.flat, .town {
    display: grid; 
    overflow: hidden;
    text-align: left;
}

#q {
    height: 600px;
    width: 340px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 5px;
    border-color: black ;
}
img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}