.comparison {
    background-color: #f7e6db;
    max-width: 750px;
}
/* 全体を囲む要素 */
.comparison-block {
width: min(463px,61.733333333333333vw);  /* 画像の最大幅です。適宜変更してください */
position: relative;
margin: auto;
}

/* 左側の画像を囲む要素 */
.comparison-before-img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 5; /* 「右側の画像を囲む要素」のz-inexより大きければ問題ないです。 */
}

/* 右側の画像を囲む要素 */
.comparison-after-img {
position: relative;
z-index: 1;
}

/* 右側の画像 */
.comparison-after-img img {
width: 100% ;
}
/* 境界線 */
.comparison-arrow {
    background-color: #f7e6db; /* 境界線の色です。 */
    position: absolute;
    z-index: 10; /* 「左側の画像を囲む要素」のz-indexより大きければ問題ないです。 */
    top: 0;
    width: 6px; /* 境界線の太さ */
    height: 100%;
    left: 50%;
    cursor: pointer;
    display: flex;
    align-items: center; /* 子要素を中央に配置する */
}

.comparison-circle {
width: 50px; /* 丸の直径 */
height: 50px;
position: absolute;
background-color: #f7e6db; /* 同じ色 */
border-radius: 50%; /* 丸を円形にするための設定 */
margin-left: -21px; /* 丸の中央が境界線の中央に来るようにマージンを調整 */
z-index: 15; /* 丸が境界線より手前に表示されるようにする */
}
/* 左向きの三角形の配置 */
.comparison-circle::before {
    left: 25%;
    margin-left: -7px; /* 三角形の位置を微調整 */
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px; /* 三角形のサイズ */
    border-color: transparent #846162 transparent transparent; /* 透明でない色を指定 */
    transform: translateY(-50%);
}

/* 右向きの三角形の配置 */
.comparison-circle::after {
    left: 74%;
    margin-left: -7px; /* 三角形の位置を微調整 */
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px; /* 三角形のサイズ */
    border-color: transparent transparent transparent #846162; /* 透明でない色を指定 */
    transform: translateY(-50%);

}

/* 全体を囲む要素と全体を囲む要素の子要素全て、選択時の背景色を透明にする */
.comparison-block::selection {
background-color: transparent;
}
.comparison-block::-moz-selection {
background-color: transparent;
}
.comparison-block *::selection {
background-color: transparent;
}
.comparison-block *::-moz-selection {
background-color:transparent;
}
