.ceonote {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ceonote-content {
  width: 100vw;
  height: auto;
  background-color: #1f1f1f;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ceonote-txt-head {
  font-size: 3rem;
  font-family: "Poppins-Bold";
}

.ceonote-txt {
  width: 70vw;
  color: white;
  font-family: "Poppins-Regular";
  font-size: 1.3rem;
  text-align: left;
  padding: 5vh;
  text-align: justify;
}

.ceonote-img img {
  width: 25vw;
  height: auto;
  margin-top: 5vh;
  margin-bottom: 5vh;
  border-radius: 10%;
  box-shadow: 0 4px 8px rgba(0.5, 0.5, 0.5, 0.5);
}

@media screen and (max-width: 1197px) {
  .ceonote-content {
    flex-direction: column-reverse; /* Change to column */
    align-items: center; /* Center align items */
    padding: 5vh;
    padding-bottom: 2vh;
    gap: 20px;
  }
  .ceonote-img img {
    width: 30vw;
  }
  .ceonote-txt {
    width: 80vw;
    padding: 0;
    padding-bottom: 5vh;
  }
}

@media screen and (max-width: 786px) {
  .ceonote-img img {
    width: 50vw;
  }
}