Как JQuery выбрать src у изображений и подставить значения в стили родительского элемента?

Приветствую!
Имеется слайдер с несколькими item.

<div class="gallery__wrapper">
			<!-- .gallery__item -->
			<div class="gallery__item">
				<div class="gallery__img-wrapper js-background">
					<img src="img/gallery/gallery-7.jpg" alt="------------незаполенное описание------------" class="d-none js-image gallery__img">
				</div>
				<!-- gallery text -->
				<div class="container">
					<h3 class="gallery__title">ЗАГОЛОВОК 1 <br>заголовок</h3>
					<p class="gallery__content">Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</p>
					<button class="d-block mx-auto accent-button">сделать на заказ</button>
				</div>
			</div>
			<!-- .gallery__item -->
			<div class="gallery__item">
				<div class="gallery__img-wrapper js-background">
					<img src="img/gallery/gallery-2.jpg" alt="------------незаполенное описание------------" class="d-none js-image gallery__img">
				</div>
				<!-- gallery text -->
				<div class="container">
					<h3 class="gallery__title">ЗАГОЛОВОК 2 <br>заголовок</h3>
					<p class="gallery__content">Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</p>
					<button class="d-block mx-auto accent-button">сделать на заказ</button>
				</div>
			</div>
		</div>

Неважно - почему, но требуется забирать значение src из каждого тэга img и подставлять его в родительский тэг стилем backgroun-image. Вот такой код я пытаюсь заставить заработать:

$(this).find(".gallery__item")(function(){
	var bgSrc = $('.gallery__item > .js-background > .js-image').attr('src');
	 $('.gallery__item > .js-background').css('background-image', 'url("' + bgSrc + '")');
});

Не работает и не могу понять - как правильно выбрать. Понимаю, что это смешная проблема, но не для меня, поэтому прошу вашей помощи! Заранее благодарю ;)