<div class="grid">
  <div class="box"><p>Бухглатерское обслуживание</p></div>
  <div class="box"><p>Бухглатерское обслуживание</p></div>
  <div class="box"><p>Бухглатерское обслуживание</p></div>
  <div class="box"><p>Бухглатерское обслуживание</p></div>
  <div class="box"><p>Бухглатерское обслуживание</p></div>
  <div class="box"><p>Бухглатерское обслуживание</p></div>
</div>

.box {
  background-blend-mode:luminosity;
  border:2px solid black;
  display: grid;
  align-items: flex-end;
  padding: 20px;  
  background: gray center / cover no-repeat url(https://st.depositphotos.com/1010683/2502/i/450/depositphotos_25028435-stock-photo-office-buildings.jpg);
  transition:800ms;
}
.grid {
  justify-content: center;
  display: grid;
  grid: repeat(2, 200px) / repeat(3,200px);
  grid-gap:20px;
}
p {
  color:white;
  font-weight: bold;
}
.box:hover {
  background-color: rgb(0, 95, 255);
}