.bg-lines-section {
    padding-block: clamp(40px, 15vw, 256px);
    position: relative;
}

.bg-svg {
    position: absolute;
    left: 0;
    right: 0;
}

.bg-svg-top {
    top: 0;
}

.bg-svg-bottom {
    bottom: 0;
}

.bg-svg svg {
    max-width: 100%;
}

.bg-lines-title {
    margin-bottom: clamp(16px, 5vw, 80px);
    width: 60%;
}

.bg-lines-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.bg-lines-image {
    flex: 0 0 40%;
}

.bg-lines-image img {
    height: 100%;
    object-fit: cover;
}

.bg-lines-textarea {
    flex: 0 0 50%;
}

.bg-lines-textarea p {
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 40px;
}

.bg-lines-textarea h4 {
    font-size: 38px;
    font-weight: 200;
    line-height: 110%;
    margin: 16px 0 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 768px) {

    .bg-lines-title {
        width: 100%;
    }

    .bg-lines-content-wrapper {
        flex-direction: column;
    }

}