如何在工具提示中制作两个或多个幻灯片在同一个HTML页面上工作？

Question

我在html页面中有两个纯CSS制作的幻灯片，每个都在自己的工具提示中，但其中一个（Piediluco）无法正常工作，因为它的图像无法正确滑动。

<div onclick="void(0);" class="tooltip">Trasimeno
	<div class="info">
			<div class="container">
					<input type="radio" id="i1" name="images" checked>
					<input type="radio" id="i2" name="images">
					<input type="radio" id="i3" name="images">
					<input type="radio" id="i4" name="images">
							
			<div class="slide_img" id="one">
					<img class="img" src="https://i.imgur.com/W5E69l9.jpg">
					<span class="caption">...................</span>
					<label class="lblp" for="i4"><span class="prev">&#x2039;</span></label>
					<label class="lbln" for="i2"><span class="next">&#x203a;</span></label>
			</div>
			<div class="slide_img" id="two">
					<img class="img" src="https://i.imgur.com/eGbNeOB.jpg">
					<span class="caption">...................</span>
					<label class="lblp" for="i1"><span class="prev">&#x2039;</span></label>
					<label class="lbln" for="i3"><span class="next">&#x203a;</span></label>
			</div>
			<div class="slide_img" id="three">
					<img class="img" src="https://i.imgur.com/hp2OiNB.jpg">
					<span class="caption">...................</span>
				  <label class="lblp" for="i2"><span class="prev">&#x2039;</span></label>
					<label class="lbln" for="i4"><span class="next">&#x203a;</span></label>
			</div>
			<div class="slide_img" id="four">
					<img class="img" src="https://i.imgur.com/MHZj0eb.jpg">
					<span class="caption">...................</span>
					<label class="lblp" for="i3"><span class="prev">&#x2039;</span></label>
					<label class="lbln" for="i1"><span class="next">&#x203a;</span></label>
			</div>
			</div>
						
			<div class="text">...................................................</div>
						
			<a class="more" href="#" target="_blank">More</a>
	</div>
</div>
				
<div onclick="void(0);" class="tooltip2">Piediluco
	<div class="info2">
		<div class="container2">
				<input type="radio" id="i12" name="images2" checked>
				<input type="radio" id="i22" name="images2">
				<input type="radio" id="i32" name="images2">
				<input type="radio" id="i42" name="images2">
							
		<div class="slide_img2" id="one2">
				<img  class="img2" src="https://i.imgur.com/S12ZVXY.jpg">
				<span class="caption2">.....................</span>
				<label class="lblp2" for="i32"><span class="prev2">&#x2039;</span></label>
				<label class="lbln2" for="i12"><span class="next2">&#x203a;</span></label>
		</div>
		<div class="slide_img2" id="two2">
				<img class="img2" src="https://i.imgur.com/3JcEZp7.jpg">
				<span class="caption2">.....................</span>
				<label class="lblp2" for="i32"><span class="prev2">&#x2039;</span></label>
				<label class="lbln2" for="i12"><span class="next2">&#x203a;</span></label>
		</div>
		<div class="slide_img2" id="three2">
				<img class="img2" src="https://i.imgur.com/kayLkDW.jpg">
				<span class="caption2">.....................</span>
				<label class="lblp2" for="i32"><span class="prev2">&#x2039;</span></label>
				<label class="lbln2" for="i12"><span class="next2">&#x203a;</span></label>
		</div>
		<div class="slide_img2" id="four2">
				<img class="img2" src="https://i.imgur.com/gfRwbU2.jpg">
				<span class="caption2">.....................</span>
				<label class="lblp2" for="i32"><span class="prev2">&#x2039;</span></label>
				<label class="lbln2" for="i12"><span class="next2">&#x203a;</span></label>
		</div>
		</div>
						
		<div class="text2">...................................................</div>
						
		<a class="more2" href="#" target="_blank">More</a>
  </div>
</div>

try:
  <code>
except Exception as e:
    if condition:
        <error handling>
    else:
        raise  # re raises the exception

如何找到错误/ s？