Superslides. js: масштабирование в фиксированной точке изображения при изменении масштаба окна

Question

Есть ли способ сделать это так, чтобы при уменьшении размера браузера основное изображение концентрировалось на мне, а не на середине изображения?

Полноразмерное окно

Меньшее окно

HTML:

<div id="slides">

    <div class="overlay"></div>

    <div class="slides-container">
        <img src="img/s0.jpg" alt="">
    </div>

    <div class="titleMessage">
        <!-- implementation not relevant -->
    </div>
</div>

CSS:

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.4);
}

JS:

$(document).ready(function() {

    $('#slides').superslides({
        animation_speed: 'slow',
        play: 0,
        pagination: false
    });

    var typed = new Typed(".typed", {
        strings: ["Software Engineer."],
        typeSpeed: 70,
        loop: true,
        autoPlay: 20,
        startDelay: 1000,
        showCursor: false
    });
});