body {
 height: 300vh;
 overflow-x: hidden;
}

h1,
h2 {
 font-weight: 400;
 max-width: none;
}

.comparisonSection {
 position: relative;
 padding-bottom: 56.25%; /* to maintain aspect ratio (responsive!) */
}
.comparisonImage {
 width: 100%;
 height: 100%;
}
.afterImage {
 position: absolute;
 overflow: hidden;
 top: 0;
 transform: translate(100%, 0px);
}
.afterImage img {
 transform: translate(-100%, 0px);
}
.comparisonImage img {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
}
.panel {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 90vh;
}