#screenshots-react{width:100%;max-width:1000px;margin:100px auto 0;display:flex;gap:25px;align-items:center;box-sizing:border-box;padding:10px}#screenshots-react .screenshots{width:300px;min-height:500px;border-radius:2rem;background-color:var(--color-3);overflow:hidden;position:relative}#screenshots-react .screenshots img{width:100%;display:block;transition:opacity .3s ease}#screenshots-react .screenshots .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#screenshots-react .screenshots button.button-icon{outline:none;padding:0;border:none}#screenshots-react .screenshots button.button-icon{width:40px;height:40px;border-radius:1rem;position:absolute;top:50%;transform:translateY(-50%);background-color:var(--color-4);color:var(--color-2)}#screenshots-react .screenshots button.button-icon.btn-next{right:10px}#screenshots-react .screenshots button.button-icon.btn-prev{left:10px}#screenshots-react .text{flex:1;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;align-items:center;gap:25px}#screenshots-react .text p{font-size:1.3rem}@media screen and (max-width:700px){#screenshots-react{flex-direction:column-reverse}}