.adventurer-content-area {
    z-index: 2;
}

.adventurer-image-area {
    z-index: 1;
}

@media ( min-width: 991px ) {
    .adventurer.content > [class*="-area"]:not(.adventurer-title-area) {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media ( min-width: 991px ) {
    .adventurer-content {
        max-width: 460px;
    }
}

@media ( min-width: 1200px ) {
    .adventurer-content {
        max-width: 550px;
    }
}