.fadedImageContent-default {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--accented);
    overflow: hidden;
}

/* .fadedImageContent-default::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    right: -20px;
    box-shadow: inset 0px 1px 15px 4px rgba(0,0,0,0.75);
    pointer-events: none;
} */

.fadedImageContent-default .text-ctn p {
    color: var(--surface-base);
    padding-top: 23px;
}

.fadedImageContent-default img {
    width: 100% !important;
    display: block;
    margin-top: -16.4% !important;
}

.fadedImageContent-default .faded-img-ctn {
    position: relative;
}

.fadedImageContent-default .faded-img-ctn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: linear-gradient(0deg,rgba(32, 19, 20, 0) 55%, rgba(32, 19, 20, 1) 100%);
    z-index: 10;
}


@media (max-width: 1050px) {
    .fadedImageContent-default .text-ctn {
        max-width: 92vw;
        margin: auto;
    }
}

@media (min-width: 700px) {
    .fadedImageContent-default {
        flex-direction: row;
        box-shadow: 0px 1px 15px 4px rgba(0, 0, 0, 0.3);
    }

    .fadedImageContent-default .faded-img-ctn::before {
        background: linear-gradient(-90deg,rgba(32, 19, 20, 0) 55%, rgba(32, 19, 20, 1) 100%);
    }

    .fadedImageContent-default .faded-img-ctn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }

    .fadedImageContent-default .text-ctn {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 11;
    }
    .fadedImageContent-default .text-ctn p {
        max-width: 50%;
        padding: 0;
    }

    .fadedImageContent-default img {
        height: 100%;
        object-fit: cover;

    }
}

@media (max-width: 610px) {
    .fadedImageContent-default .faded-img-ctn {
        height: 350px;
    }
}

@media (min-width: 610px) {
    .fadedImageContent-default .faded-img-ctn {
        height: 300px;
    }

    .fadedImageContent-default .faded-img-ctn img {
        height: fit-content;
    }
}