Модальные окна

<div class="container">
	<div class="row mt-3">
		<div class="col-4">
			<img class="more-1" id="Скрипка" src="https://i.artfile.ru/6000x4000_1349302_[www.ArtFile.ru].jpg" alt="Скрипка" width="300">
		</div>
		<div class="col-4">
			<img class="more-2" id="Церковь" src="https://top10.travel/wp-content/uploads/2014/12/hram-vasiliya-blazhennogo.jpg" alt="Достопримечательности" width="300">
		</div>
		<div class="col-4">
			<img class="more-3" id="Спорт" src="https://img.championat.com/s/735x490/news/big/l/w/skvosh-triatlon-zorbing-chto-vybrat-v-2019_15488563261718964122.jpg" alt="Спорт" width="300">
		</div>
	</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<div class="modal modal-1">
    <div class="modal-header">
      <button class="close-1">×</button>
      <h2>Скрипка</h2>
    </div>
    <div class="modal-body">
      <p>Скрипка — струнный смычковый музыкальный инструмент высокого регистра</p>
    </div>

</div>
<div class="modal modal-2">
    <div class="modal-header">
      <button class="close-2">×</button>
      <h2>Храм</h2>
    </div>
    <div class="modal-body">
      <p>Храм Василия Блаженного — культовая постройка времен Ивана Грозного, по которой до сих пор любой иностранец узнает Москву. Это — самый узнаваемый русский храм.</p>
    </div>

</div>
<div class="modal modal-3">
    <div class="modal-header">
      <button class="close-3">×</button>
      <h2>Спорт</h2>
    </div>
    <div class="modal-body">
      <p>Спорт - составная часть физической культуры, при которой основной упор делается на само физическое развитие человека, укрепление его здоровья и самочувствия.</p>
    </div>

</div>

let more = document.querySelector('.more-1');
    modal = document.querySelector('.modal-1');
    close = document.querySelector('.close-1');

let more2 = document.querySelector('.more-2');
    modal2 = document.querySelector('.modal-2');
    close2 = document.querySelector('.close-2');

let more3 = document.querySelector('.more-3');
    modal3 = document.querySelector('.modal-3');
    close3 = document.querySelector('.close-3');

let shadow = document.querySelector('.shadow');
 more.addEventListener('click', function() {
    modal.style.display = 'block';
    shadow.style.display = 'block';
    modal.classList.add('modal-animation');
});

close.addEventListener('click', function() {
    modal.style.display = 'none';
    shadow.style.display = 'none';
    modal.classList.remove('modal-animation');
});

more2.addEventListener('click', function() {
    modal2.style.display = 'block';
    shadow.style.display = 'block';
    modal2.classList.add('modal-animation');
});

close2.addEventListener('click', function() {
    modal2.style.display = 'none';
    shadow.style.display = 'none';
    modal2.classList.remove('modal-animation');
});

more3.addEventListener('click', function() {
    modal3.style.display = 'block';
    shadow.style.display = 'block';
    modal3.classList.add('modal-animation');
});

close3.addEventListener('click', function() {
    modal3.style.display = 'none';
    shadow.style.display = 'none';
    modal3.classList.remove('modal-animation');
});

Results:

Скрипка

Храм

Спорт