*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f8f8f8}.slideshow-container{position:relative;max-width:800px;margin:auto;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.slide{display:none}img{width:100%;height:auto;border-radius:10px}.fade{animation:fadeEffect 1.5s ease-in-out}@keyframes fadeEffect{from{opacity:0.4}to{opacity:1}}.dots-container{text-align:center;margin-top:10px}.dot{height:10px;width:10px;margin:5px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s ease;cursor:pointer}.dot.active{background-color:#007bff}@media (max-width:768px){.slideshow-container{max-width:100%}}