My background picture slider shakes for 3 seconds when hovering over the sidebar. What makes it shake? I needed the sidebar to have transition with out the background picture slide shaking. Thanks!!
<!DOCTYPE html>
<html>
<head>
<hyperlink rel="stylesheet" sort="textual content/css" href="css/model.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Suitable" content material="IE=edge">
<meta identify="viewport" content material="width=device-width, initial-scale=1.0">
<title>Doc</title>
</head>
<physique>
<div id="mySidebar" class="sidebar" onmouseover="toggleSidebar()" onmouseout="toggleSidebar()">
<a href="#"><i> <img class= "emblem" alt= "emblem" src="photographs/icons/c-logo.svg"> </i></a><br>
<a href="#"><span class="icon-text">Store</span></a><br>
<a href="#"><span class="icon-text">FAQ</span></a><br>
<a href="#"><span class="icon-text">The Model</span></a><br>
</div>
<div id="major">
<div class="gross sales">
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img class="slides-image" src="photographs/al_james.jpg">
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img class="slides-image" src="photographs/bratpack-guide.png">
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img class="slides-image" src="photographs/anniv-pack-guide.png">
</div>
<a category="prev" onclick="plusSlides(-1)">❮</a>
<a category="subsequent" onclick="plusSlides(1)">❯</a>
</div>
</div>
</div>
</physique>
</html>
