bootstrap Адаптивный размер картинки, по размеру блока - на пример img в service-box CSS

Используйте для картинки class="img-responsive":

<div class="container">
	<div class="row">
		<div class="col-lg-3 col-md-6 text-center">
			<div class="service-box">
				<i class="fa fa-4x fa-bolt wow bounceIn text-primary"></i>
				<h3>Уверенность</h3>
				<p class="text-muted">Ты станешь уверенным в себе.</p>
				<br>
			<img class="img-responsive" src="/img/portfolio/15.jpg" title="Победи свой страх!">
			</div>
		</div>
	</div>
</div>

На основе: stackoverflow.com/questions/30742735/bootstrap-5-img-responsive-in-one-row