Есть 2 кнопки (чекбоксы) и 3 картинки. Как написать код так, чтобы при нажатии на 1 кнопку вылезала 1 картинка, при нажатии на 2 кнопку вылазила 2 картинка, а при нажатии 1 и 2 вылазила 3 картинка, а не 1 и 2. -гит github.com/DenisG1302/DenisG1302.github.io -сайт denisg1302.github.io
<main class="cd-main-content">
<section class="cd-gallery">
<ul>
<li class="mix color-1 check1"><img src="img/img-1.jpg" alt="Image 1"></li>
<li class="mix color-1 check2"><img src="img/img-2.jpg" alt="Image 2"></li>
<li class="mix color-1 check3"><img src="img/img-3.jpg" alt="Image 3"></li>
<li class="gap"></li>
<li class="gap"></li>
<li class="gap"></li>
</ul>
<div class="cd-fail-message">No results found</div>
</section> <!-- cd-gallery -->
<div class="cd-filter">
<form>
<div class="cd-filter-block">
<h4>Check boxes</h4>
<ul class="cd-filter-content cd-filters list">
<li>
<input class="filter" data-filter=".check1" type="checkbox" id="checkbox1">
<label class="checkbox-label" for="checkbox1">Option 1</label>
</li>
<li>
<input class="filter" data-filter=".check2" type="checkbox" id="checkbox2">
<label class="checkbox-label" for="checkbox2">Option 2</label>
</li>
</ul> <!-- cd-filter-content -->
</div> <!-- cd-filter-block -->
</form>
<a href="#0" class="cd-close">Close</a>
</div> <!-- cd-filter -->
<a href="#0" class="cd-filter-trigger">Filters</a>
</main> <!-- cd-main-content -->