.elementor .e-91c365c-b6fee4a{flex-direction:column;align-items:start;}.elementor .e-a712c41-d31991e{padding-block-start:3rem;padding-block-end:3rem;}.elementor .e-e35a421-b81a292{width:18%;}.elementor .e-7784d4e-a197f93{padding-block-start:0px;padding-block-end:0px;padding-inline-start:30px;padding-inline-end:0px;display:flex;}.elementor .e-7ddca55-479683d{background-color:var(--light-blue-1);flex-direction:column;}.elementor .e-c485ff6-4bd03f3{width:18%;}.elementor .e-26844a3-3757fe7{padding-block-start:0px;padding-block-end:0px;padding-inline-start:30px;padding-inline-end:0px;display:flex;}.elementor .e-8a4bbf9-498405d{background-color:var(--light-blue-1);flex-direction:column;}.elementor .e-bc4790d-4e0958f{width:18%;}.elementor .e-69f0661-971ec45{padding-block-start:0px;padding-block-end:0px;padding-inline-start:30px;padding-inline-end:0px;display:flex;}.elementor .e-c919071-6833655{background-color:var(--light-blue-1);flex-direction:column;}.elementor .e-bc4e4ee-d5a4440{color:var(--light-blue-backgr-2);}.elementor .e-3c2c9af-5068978{flex-direction:row;}.elementor .e-cca848b-c17f8ee{/* This remains valid for V4 */
selector .reveal, 
selector .visible {
  transition: width 0.5s ease-in-out;
}

selector:hover .reveal {
  width: 25% !important;
  flex-basis: 25% !important;
}

selector:hover .visible {
  width: 75% !important;
  flex-basis: 75% !important;
}





Add this code to the Advanced > Custom CSS section of the parent container (.container1):
/* Ensure a smooth transition for the width change */
selector .reveal, 
selector .visible {
  transition: width 0.5s ease-in-out;
}

/* When the parent container is hovered */
selector:hover .reveal {
  width: 25% !important;
  flex-basis: 25% !important;
}

selector:hover .visible {
  width: 75% !important;
  flex-basis: 75% !important;
}\n}