.relative {
    position: relative;
    width: 100%;
}
.absolute {
    position: absolute;
    right: 37%;
    bottom: 16%;
}

.rel {
    position: relative;
    width: 100%;
}
.abso2 {
    position: absolute;
    right: 21%;
    bottom: 6%;
}

.abso3 {
    position: absolute;
    right: 20%;
    top: 17.5%;
}

.abso4 {
    position: absolute;
    left: 50%; /* 要素の左端を親要素の幅の50%の位置に移動 */
    bottom: 30px; /* 垂直方向の位置は維持 */
    transform: translateX(-50%); /* 要素自身の幅の50%分だけ左にずらす */
    /* 元の 'right: 28%;' は削除するか、 'right: auto;' を指定してください */}