htmlでの画像の色を変える。

Question

画像の元々の色は白なのですが、デザインでは黄色の円になっており、変更ができません。
どうすればいいのでしょうか？

            <div class="main_div_box">
                <div class="main_back1">
                    <div class="Orenge"></div>
                </div>
                <!--<img class="main_maru" src="images/cooperation.jpg" alt="sannkaku">-->
                <p class="main_div_font"><span class="main_div_yellow">各分野の</span><br>
                         医師が<span class="main_div_yellow">連携</span></p>
            </div>
            <div class="kara"></div>
            <div class="main_div_box">
                <img class="main_maru" src="images/savings.jpg" alt="sannkaku">
                <p class="main_div_font">月々の医療費<br>
                <span class="main_div_yellow">最大32500円</span></p>
            </div>

.main_back1{
    background-image:url(images/cooperation.jpg);
    width: 60px;
    height: 60px;
    display: inline-block;
}

.main_maru{
    width: 60px;
    height: 60px;
    display: inline-block;
}

/* .main_maru::after{
    content: '';
    background-color: rgba(255,215,0,0.9);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
}*/

Answer 1

解決いたしました！
ありがとうございました。

Comments

[m.ts10806]

回答として投稿してしまっています。
回答のコメント欄に投稿する内容と思います

Answer 2

ベクター系のソフトでトレースしてsvgで保存すれば色は好きに変えられます

Answer 3

PNGなど透過画像であればその黄色い円をHTML,CSSで作り、円の要素の中に画像を配置すればそのようになると思います。
透過でなければ透過にするか、いっそそういう画像を作るかのどちらかです。