/* beforeafter ------------------------- */
.image_ba_wrapper { position: relative; }
.image_ba { position: relative; display: inline-block; }
.image_ba * { -webkit-user-select: none; display: block; }
.image.before { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; background-size: cover; }
.image.before img { max-width: initial; }
.splitter { position: absolute; right: 0; top: 0; width: 6px; height: 100%; background: rgba(1,113,186,1); cursor: col-resize; z-index: 3; }
.splitterIcon { display: block; content: url(splitterIcon.svg); width: 65px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translateX(calc(-50% - 3px)) translateY(-50%); padding: 10px; border-radius: 10px; background: rgba(1,113,186,1); cursor: pointer; opacity: 1; z-index: 6; transition: opacity 0.4s; }
.image_ba_wrapper:hover .splitterIcon { opacity: 1; }