.slider{height:510px;left:50%;overflow:hidden;position:relative;transform:translate(-50%);width:690px}.slides{display:flex;height:500px;width:500%}.slides input{display:none}.slide{transition:2s;width:20%}.slide img{height:500px;width:800px}.navigation-manual{display:flex;justify-content:center;margin-top:-10px;position:absolute;width:690px}.manual-btn{border:2px solid #666;border-radius:10px;cursor:pointer;padding:5px;transition:1s}.manual-btn:not(:last-child){margin-right:40px}.manual-btn:hover{background:#222}#radio1:checked~.first{margin-left:0}#radio2:checked~.first{margin-left:-20%}#radio3:checked~.first{margin-left:-40%}#radio4:checked~.first{margin-left:-60%}#radio5:checked~.first{margin-left:-80%}#radio6:checked~.first{margin-left:-100%}#radio7:checked~.first{margin-left:-120%}#radio8:checked~.first{margin-left:-140%}.navigation-auto{display:flex;justify-content:center;margin-top:490px;position:absolute;width:690px}.navigation-auto div{border:2px solid #666;border-radius:10px;padding:5px;transition:1s}.navigation-auto div:not(:last-child){margin-right:40px}#radio1:checked~.navigation-auto .auto-btn1,#radio2:checked~.navigation-auto .auto-btn2,#radio3:checked~.navigation-auto .auto-btn3,#radio4:checked~.navigation-auto .auto-btn4,#radio5:checked~.navigation-auto .auto-btn5,#radio6:checked~.navigation-auto .auto-btn6,#radio7:checked~.navigation-auto .auto-btn7,#radio8:checked~.navigation-auto .auto-btn8{background:#222}.slide img{object-fit:contain}@media(max-width:1200px){.slider{width:auto!important}.navigation-manual{margin-top:10px}.navigation-auto,.navigation-manual{left:50%;transform:translate(-50%);width:auto}.navigation-auto{margin-top:510px}.slider{height:550px}}