Примеры использования position. Сдвинутая картинка с тенью

<div class="shifted-image">
    <img src="https://via.placeholder.com/200x150" alt="Пример">
</div>

.shifted-image {
    position: relative;
    width: 200px;
    margin: 50px;
}

.shifted-image img {
    position: relative;
    top: 10px;
    left: 10px;
    border: 2px solid #333;
    background: white;
}

.shifted-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccc;
    z-index: -1;
}