<div class="glavblock">
<a href="#">
<div class="imblock">
<div class="gimag">
<img src="../images/12.png">
</div>
</div>
<div class="text-block">
<div class="btext">
<span>тестовый <span class="brati">текст</span> тестовый</span>
<div class="stavka">опять текст</div>
</div>
</div>
<a/>
</div>
.glavblock { width: 49% !important; float:left; height:300px;box-shadow:0 1px 2.94px .06px rgba(0,0,0,.2);background-color:#fff;background-repeat:no-repeat; margin-top: 20px; margin-bottom: 20px;margin-right: 2%; }
.glavblock a{ text-decoration: none;}
.glavblock:hover a{ color:#fff; }
.glavblock:hover{background-color:rgba(41,169,226,.8);transition:background-color .4s; color: #fff; }
.text-block { margin-left: 6%; width:44%; vertical-align: middle; height:300px; text-align:left; line-height: 40px; display: table; vertical-align:middle; cursor:pointer}
.btext {font-size: 24px; display: table-cell; vertical-align: inherit; color: #313b40;}
.btext .brati {color: #52b9e6; text-transform:uppercase; font-weight:bold;}
.btext .stavka {color: #ccc9c3; font-size: 18px; padding-top: 10px;}
.glavblock:hover .btext .brati, .glavblock:hover .btext {color: #fff;}
.imblock { float: right; width:50%; vertical-align: middle; height:300px; text-align:right; line-height: 40px; display: table; vertical-align:middle; z-index:3;cursor:pointer}
.gimag {font-size: 24px; display: table-cell; vertical-align: inherit; color: #313b40; }
Народ помогите, замучился....
Как сделать чтоб картинка было под hover цветом при наведении, сейчас картинка над hover.