background mit before

[Robert0001]

.halfsquare {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
color: #000;
padding: 1rem 0;
}
.halfsquare::before {
position: absolute;
content: "";
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/roses.webp);
}
.halfsquare-left {
padding: 8rem;
-webkit-clip-path: polygon(
0% 20%,
80% 20%,
80% 0%,
100% 50%,
80% 100%,
80% 80%,
0% 80%
);
clip-path: polygon(
0% 20%,
80% 20%,
80% 0%,
100% 50%,
80% 100%,
80% 80%,
0% 80%
);
background-color: lightgreen;
}

<section class="bg-black-banner">
<div class="halfsquare">
<div class="halfsquare-left">
<h3>Sie suchen nach einem professionellen Webdesign?</h3>
</div>
<div class="halfsquare-right">
<p>listen to your empathie</p>
</div>
<div>
</section>

bitte hilfe? das bild soltlte sich im hintergrund darstellen , den verlauf mach ich dann..

denk ich falsch? oder was ist los? wenn jemand mein prob versteht, würd ich mich über antwort freuen..

Ergänzung (10. Dezember 2022)

Ergänzung (10. Dezember 2022)

ich weiss.. es dürfte eigentlich lächerlich sein.. mit einem grid einfach zu lösen oder mit display flex ..

ich möchte einen coolen banner erstellen.. und häng voll mit dem design usw.

also bitte keine vorurteile..

Ergänzung (10. Dezember 2022)

ich glaub ich werd den schwarzen hintergrund wegmachen

Ergänzung (10. Dezember 2022)

ps. ich habs ..aber bin gespannt auf eure ergebnisse

 

[floq0r]

<h3>Sie suchen nach einem professionellen Webdesign?</h3>

Zumindest weiß ich wo ich nicht suchen muss
Du beschreibst dein Problem schon wieder nicht. Paste alles mal in codepen.io um auszuschließen, dass es nicht wieder an deinem Browser oder User Agent Stylesheets liegt.

 

[Robert0001]

ja man sieht sich immer zweimal :-p - aber ist doch schön :-)

Ergänzung (10. Dezember 2022)

ich hab dir eine private nachrcht geschickt @floq0r

Ergänzung (10. Dezember 2022)

also ich hab den "fehler" gefunden..
war eine einstellung auf auf json... di
e das ganze webdesign krdn

Ergänzung (10. Dezember 2022)

@floq0r
ich brauch deine hilfe nicht mehr .. ich hab das ganze mit python gelöst und dazu eine animation gemacht..
trotzdem vielen dank!