JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="block-1">Блок 1</div>
    <div class="block-2">Блок 2</div>
</div>

CSS

.block {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(//greensrub.ru/images/6.jpg) no-repeat;
    background-size: 100%;
    min-height: 480px;
}
.block::after {
    content: '';
    position: absolute;
    background: url(//proflist-tver.ru/_mod_files/ce_images/Seo-siding/obshivka-doma.jpg) no-repeat;
    transform: rotate(-30deg) translate(0, 60%) scale(1.2);
    width: 100%;
    height: 100%;
}
.block-1, .block-2 {
    position: absolute;
    color: red;
}
.block-2 {
    top: 50%;
    left: 50%;
    z-index: 2;
}