背景画像の白い部分だけ消したい。

模写しています。
背景画像の白部分と背景色を同じにしたい。

opacityはFの文字も一緒に薄くなったりして、解決できませんでした。
他にもいろいろ調べ、試しましたが、どれもお手本画像のように文字だけ残すことができませんでした。

html
1
2    <div class="download">
3      <div class="dcontainer">
4        <div class="logo">
5          <h3>かわいいが届くお花便</h3>
6        </div>
7        <div class="dsection"></div>
8      </div>
9    </div>

css
1.download{
2	height: 420px;
3	padding: 0 4vmin;
4	background-color: #EFDFC5;
5}
6.dcontainer{
7	height: 422px;
8	display: flex;
9	flex-direction: row;
10}
11.logo{
12	padding-top: 76px;
13	height: 145px;
14	background-image: url(../images/flower.jpg);
15	background-repeat: no-repeat;
16	background-size:118px;
17	z-index: 20;
18	font-size: 1.6rem;
19	order: 2;
20	margin-top: 60px;
21    margin-left: -240px;
22	text-align: center;
23	background-position: center top;
24}
25.logo h3{
26	font-size: 1.6rem;
27	font-weight: 400;
28	margin-bottom: 24px;
29	margin-top: 16px;
30	margin-bottom: 24px;
31	padding-top: 25px;
32}
33.dsection{
34	width: 80%;
35	height: 422px;
36	background-image: url(../images/flower2-7.jpg);
37	background-repeat: no-repeat;
38	background-size: contain;
39	z-index: 1;
40	order: 1;
41	background-position: center bottom;
42}
43