как растянуть фон на вес блок

<div class="services"> <div class="service"> <img style="border-radius: 40%;" src="gantel.png" alt="image" height="50"> <h3>Тренажерный зал</h3> <ul> <li>общая площадь зала – 600 м2;</li> <li>более 50 тренажеров премиум-класса, для разных упражнений;</li> <li>просторные залы для групповых программ;</li> <li>фитнес инструкторы;</li> </ul> </div> <div class="service"> <img src="gantel.png" alt="image" height="50"> <h3>Тренажерный зал</h3> <ul> <li>общая площадь зала – 600 м2;</li> <li>более 50 тренажеров премиум-класса, для разных упражнений;</li> <li>просторные залы для групповых программ;</li> <li>фитнес инструкторы;</li> </ul> </div> <div class="service"> <img style="border-radius: 40%;" src="gantel.png" alt="image" height="50"> <h3>Тренажерный зал</h3> <ul> <li>общая площадь зала – 600 м2;</li> <li>более 50 тренажеров премиум-класса, для разных упражнений;</li> <li>просторные залы для групповых программ;</li> <li>фитнес инструкторы;</li> </ul> </div> <div class="service"> <img style="border-radius: 40%;" src="gantel.png" alt="image" height="50"> <h3>Тренажерный зал</h3> <ul> <li>общая площадь зала – 600 м2;</li> <li>более 50 тренажеров премиум-класса, для разных упражнений;</li> <li>просторные залы для групповых программ;</li> <li>фитнес инструкторы;</li> </ul> </div> </div>

.services{ background-image: url(/fon.jpg); background-size: cover; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2em; grid-row-gap: 2em; padding: 50px; } .service{ margin: auto; padding: 20px; background-color: rgb(204, 123, 18); border-radius: 10px; }