.parentForInfo .shortButton {
    aspect-ratio: auto;
    width: auto;
}

.container_style .image {
    --monster_img: url('/project/monster/images/monster_00.png');
    background-image: var(--monster_img);
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    position: relative;
}

.strengthFrame {
    display: flex;
    flex-direction: row;
    background-color: rgba(100,100,100,0.5);
    position: absolute;
    width: fit-content; /* Breite des jeweiligen Div-Elements anpassen */
    /*height: 50px;*/ /* Höhe des jeweiligen Div-Elements anpassen */
}

.image .top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.image .bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.image .left {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.image .right {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.image .center {
    top: 70%;
    right: 50%;
    transform: translateX(-50%), translateY(-50%);
}

.card {
    display: flex;
    flex-direction: column;
}

.card .row button {
    margin-left: auto;
}