.wrapper {
    width: 100%;
    position: relative;
    display: flex;
    min-height: 100vh;
    max-width: 50%;
}

.wrapper::after {
    content: "";
    width: 100%;
    background: #00000060;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.wrapper img {
    object-fit: cover;
    width: 100%;
    height: auto;
    max-height: 100vh;
}