.text-and-image-collage {
    position: relative;
    padding: 100px 0;
    background-color: var(--coastal2-color);
}
.text-and-image-collage-row {
    position: relative;
    display: flex;
    z-index: 2;
}
.text-and-image-collage-col.col-img {
    width: 52.23%;
}
.text-and-image-collage-wrap {
    position: relative;
    margin-top: -150px;
}
.text-and-image-collage-wrap img:nth-child(2),
.text-and-image-collage-wrap img:nth-child(3) {
    position: absolute;
}
.text-and-image-collage-wrap img:nth-child(2) {
    bottom: -9%;
    right: 0;
}
.text-and-image-collage-wrap img:nth-child(3) {
    bottom: -36%;
    right: 34%;
}
.text-and-image-collage-col.col-text {
    width: 47.76%;
}
.text-and-image-collage-content .b2-eyebrow {
    color: var(--melaleuca-color);
}
.text-and-image-collage-content h2 {
    margin-bottom: 30px;
}
.text-and-image-collage-content .b2-row {
    padding-left: 60px;
}
.text-and-image-collage-item {
    margin-bottom: 30px;
}
.text-and-image-collage-item h3 {
    font-family: var(--paragraph-font);
    font-size: 1.625rem;
    line-height: 1.625rem;
    font-weight: 600;
    color: #141414;
}
.text-and-image-collage-item p {
    margin-bottom: 16px;
}

.text-and-image-collage--wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

@media only screen and (max-width: 1800px) { /* check 1701 */
    .text-and-image-collage-wrap {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1280px) { /* check 1081 */
    .text-and-image-collage {
        padding: 60px 0;
    }
    .text-and-image-collage-row {
        display: block;
    }
    .text-and-image-collage-col.col-img,
    .text-and-image-collage-col.col-text {
        width: 100%;
    }
    .text-and-image-collage-wrap {
        max-width: 420px;
        margin: 0 auto 40px;
        padding-right: 0;
    }
    .text-and-image-collage-wrap img:nth-child(2),
    .text-and-image-collage-wrap img:nth-child(3) {
        display: none;
    }
    .text-and-image-collage-content {
        max-width: 767px;
        margin: 0 auto;
        text-align: center;
    }
    .text-and-image-collage-content .b2-row {
        padding-left: 0;
    }
    .text-and-image-collage-item h3 {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 767px) { /* check 769 */
    .text-and-image-collage--wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}