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

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

html
1            <div class="main_div_box">
2                <div class="main_back1">
3                    <div class="Orenge"></div>
4                </div>
5                <!--<img class="main_maru" src="images/cooperation.jpg" alt="sannkaku">-->
6                <p class="main_div_font"><span class="main_div_yellow">各分野の</span><br>
7                         医師が<span class="main_div_yellow">連携</span></p>
8            </div>
9            <div class="kara"></div>
10            <div class="main_div_box">
11                <img class="main_maru" src="images/savings.jpg" alt="sannkaku">
12                <p class="main_div_font">月々の医療費<br>
13                <span class="main_div_yellow">最大32500円</span></p>
14            </div>
15

css
1.main_back1{
2    background-image:url(images/cooperation.jpg);
3    width: 60px;
4    height: 60px;
5    display: inline-block;
6}
7
8.main_maru{
9    width: 60px;
10    height: 60px;
11    display: inline-block;
12}
13
14/* .main_maru::after{
15    content: '';
16    background-color: rgba(255,215,0,0.9);
17    position: absolute;
18    left: 0;
19    right: 0;
20    top: 0;
21    bottom: 0;
22    display: inline-block;
23}*/
24