.result-image-wrapper {
    display: inline-block;
    padding: 10px;
    background: white;
    border-radius: 25px; /* ここで外枠を丸く */
    box-shadow: 0 8px 20px rgba(255, 182, 193, 0.4); /* ピンク系の柔らかい影 */
    transition: transform 0.3s ease;
    margin-bottom: 30px;
}

/* 画像自体のスタイル */
.diagnostic-result-img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 20px; /* 画像の角を丸く */
    border: 3px solid #ffb6c1; /* パステルピンクの枠線 */
}

/* マウスを乗せたときに少しだけ動くとかわいい */
.result-image-wrapper:hover {
    transform: translateY(-5px) rotate(2deg);
}