.sliderwrap {
  text-align: center;
  margin: 0 auto;
  width: 65%;
}

.imgwrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.imgwrap * {
  height: 100%;
}



.thumb {
  display: none;
  z-index: -1;
  cursor: col-resize;
  appearance: none;
  background-color: rgba(255,255,255,0);
  position: relative;
  touch-action: none;
}

.thumb::-moz-range-thumb {
  border: solid black 2px;
  background-color: #fff;
  width: 20px;
  height: 40px;
  border-radius: 8px;
}

.thumb::-webkit-slider-thumb {
  border: solid black 2px;
  background-color: #fff;
  width: 20px;
  height: 40px;
  border-radius: 8px;
  -webkit-appearance: none;
}

.b, .a {
  overflow-x: clip;
  position: relative;
}
.b { border-right: solid #fff 5px; animation: bounce-img 3s; }

.btext, .atext {
  background-color: rgba(0,0,0,0.7);
  color: white;
  position: absolute;
  top: 0;
  padding: 3px;
  height: fit-content;
  font-size: 16pt;
}

.btext {
  left: 0;
}

.atext {
  right: 0;
}


@media screen and (max-width: 640px) {
  .sliderwrap {
    width: 90%;
  }
}