/* All block */
.banner {
    width: 100%;
    height: 400px;

    position: relative;
    box-shadow: 0 0 200px black inset;

    margin-top: 55px;

}

.banner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(to top, black, rgba(0, 0, 0, 0));
    opacity: 0.8;
}

/* Image in banner */
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    border-radius: 50px;
    box-shadow: 0 0 200px black inset;

}

/* Text in banner */
.banner-text {
    position: absolute;

    bottom: 2rem;
    left: 2.5rem;
    text-align: left;

    z-index: 1;

    padding-right: 2.5rem;
}