.slider{margin-bottom:70px}.items,.slider{position:relative;width:100%}.items{overflow:hidden;padding-bottom:70%}.item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease-in-out;width:100%;&.current{opacity:1}img{height:100%;object-fit:cover;width:100%}}.buttons{align-items:center;display:flex;display:block;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:1}.button{border:none;cursor:pointer;outline:none;padding:0;&.prev{background-image:url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png)}&.next{background-image:url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png)}&:hover{opacity:.8}}.dots{bottom:0;display:flex;justify-content:left;justify-content:space-around;left:0;margin-top:10px;position:relative;width:100%}.dot{border:none;cursor:pointer;display:block;height:80px;opacity:.5;outline:none;padding:0;transition:opacity .4s ease-in-out;width:80px;&:nth-child(n+2){margin-left:5px}&.current{opacity:1}}@media (max-width:750px){.dots{bottom:0;display:flex;justify-content:center;left:0;margin-bottom:30px;margin-top:10px;padding-bottom:30px;position:relative;width:100%}}