:root{--page-title-display:none;}/* Start custom CSS *//* Basic layout (adjust as needed) */
#text-1, #text-2 {
  position: relative;
  max-width: 40%;
  transition: transform 0.3s ease, opacity 0.3s ease;
  /* Initially fully visible */
  opacity: 1;  
}

#image-1, #image-2 {
  position: sticky;
  top: 50px; /* or whatever top offset you prefer */
  max-width: 40%;
  float: right; /* For layout separation */
}

/* If you want to stack images on top of each other as user scrolls,
   you can also consider absolute positioning within a container. *//* End custom CSS */