Как разместить этот декор??

Ебусь с этим уже второй день помогите пажалуста. Что то сделал но работает очень криво, а я не знаю как по другому. Расскажите как это можно поместить вообще

это нужно разместить:


вот код :

<section id="inspiration-banner-section">
<div class="inspiration-banner wide-wrap">
<img class="inspiration__quotes" src="imgs/quotes.png" alt="">

<h3 class="inspiration-banner__text">One of the best daily podcasts that
covers every topic on Spotify.</h3>

<div class="inspiration-banner-person">
<img src="imgs/insp-banner__img.png" alt="Spotify social community manager">
<p>John Smith,</p>
<img src="imgs/insp-icon.png" alt="Spotify icon">
<p style="font-weight: 700;">Social Community Manager</p>

<img src="imgs/decor4.png" class="inspiration-banner-decor__1">
<img src="imgs/decor5.png" class="inspiration-banner-decor__2">
</div>
</div>

<img src="imgs/decor6.svg" class="inspiration-banner__decor">
</section>

HTML

<section id="inspiration-banner-section">

            <div class="inspiration-banner wide-wrap">

                <img class="inspiration__quotes" src="imgs/quotes.png" alt="">

 

                <h3 class="inspiration-banner__text">One of the best daily podcasts that

                    covers every topic on Spotify.</h3>

 

                <div class="inspiration-banner-person">

                    <img src="imgs/insp-banner__img.png" alt="Spotify social community manager">

                    <p>John Smith,</p>

                    <img src="imgs/insp-icon.png" alt="Spotify icon">

                    <p style="font-weight: 700;">Social Community Manager</p>

 

                    <img src="imgs/decor4.png" class="inspiration-banner-decor__1">

                    <img src="imgs/decor5.png" class="inspiration-banner-decor__2">

                </div>

            </div>

 

            <img src="imgs/decor6.svg" class="inspiration-banner__decor">

        </section>

и вот:

/* inspiration */

.inspiration-wrap{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 140px;
}

.inspiration__title{
max-width: 800px;
font-size: 60px;
}

.inspiration-list{
display: flex;
padding-top: 100px;
gap: clamp(5px, 20vw, 28%);
justify-content: center;
}

.inspiration-list p{
max-width: 600px;
padding-top: 40px;
font-weight: 500;
}

.inspiration-banner{
display: flex;
flex-direction: column;
align-items: center;
background-color: #f7ede8;
margin-top: 120px;
text-align: center;
}

.inspiration__quotes{
padding-top: 40px;
padding-bottom: 50px
}

.inspiration-banner__text{
font-size: 36.65px;
max-width: 700px;
}

.inspiration-banner-person{
max-width: 434px;
display: flex;
align-items: center;
gap: 10px;
padding: 40px 0;
}

.inspiration-banner-decor__1{
position: absolute;
transform: translate(-360%, -35%);
}

.inspiration-banner-decor__2{
position: absolute;
transform: translate(500%, -160%);
}

.inspiration-banner__decor{
position: absolute;
width: 150px;
height: 150px;
left: 50%;
transform: translate(-50%, 45%)
}
/* inspiration */

CSS

/* inspiration */

 

.inspiration-wrap{

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    padding-top: 140px;

}

 

.inspiration__title{

    max-width: 800px;

    font-size: 60px;

}

 

.inspiration-list{

    display: flex;

    padding-top: 100px;

    gap: clamp(5px, 20vw, 28%);

    justify-content: center;

}

 

.inspiration-list p{

    max-width: 600px;

    padding-top: 40px;

    font-weight: 500;

}

 

.inspiration-banner{

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #f7ede8;

    margin-top: 120px;

    text-align: center;

}

 

.inspiration__quotes{

    padding-top: 40px;

    padding-bottom: 50px

}

 

.inspiration-banner__text{

    font-size: 36.65px;

    max-width: 700px;

}

 

.inspiration-banner-person{

    max-width: 434px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 40px 0;

}

 

.inspiration-banner-decor__1{

    position: absolute;

    transform: translate(-360%, -35%);

}

 

.inspiration-banner-decor__2{

    position: absolute;

    transform: translate(500%, -160%);

}

 

.inspiration-banner__decor{

    position: absolute;

    width: 150px;

    height: 150px;

    left: 50%;

    transform: translate(-50%, 45%)

}

/* inspiration */