.color{display:flex;justify-content:center;align-items:center;margin:10em 0;overflow:scroll;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;gap:2em;height:450px;max-width:1500px;margin:auto;position:relative}.color>div{display:block;flex:0 0 350px;position:relative}.color img{width:100%}.color .background-right{position:absolute;width:100%;height:100%;z-index:-1;transform:rotate(1deg)}.color .background-left{position:absolute;width:100%;height:100%;z-index:-1;transform:rotate(-1deg)}.color span{display:block;font-size:30px;font-weight:bold;color:transparent;background-clip:text;-webkit-background-clip:text;text-align:center;margin-bottom:1em;margin-top:1rem}.color .a{background-image:linear-gradient(to right,#dda667 0,#efd0a2 50%,#dda667 100%)}.color .b{background-image:linear-gradient(to right,#b9b9d8 0,#c9c9cc 50%,#b9b9d8 100%)}.color .c{background-image:linear-gradient(to right,#555962 10%,#b5a28e 40%,#c2cacd 50%,#b5a28e 60%,#555962 90%)}.review{display:flex;align-items:center;justify-content:center;gap:2em}.review .content{max-width:200px;padding:1em}.review .name{color:hsl(201,14%,20%);font-size:18px;margin:0;font-weight:500}.review .stars{display:flex}.review .star{width:13px}.review p{margin:1em 0 0 0;font-size:12px;color:hsl(201,14%,30%)}main .container{display:flex}main .container img{display:block;width:100%}main .container .left{padding:0 2em 0 0;width:100%}main .container .right{padding:0 0 0 2em;width:100%}main .container h2{margin-top:0}.left-image{transform:rotate(1deg)}.right-image{transform:rotate(-1deg)}.m-5{margin-top:5em}.m-2{margin-top:2em}.image-container{display:flex;width:50%;align-items:center}@media only screen and (max-width:800px){.color-container{justify-content:start}.color{flex:0 0 100vw}main .container{flex-direction:column}.image-container{width:100%;order:2;margin:1em 0}main .container img{max-width:500px;margin:auto}main .container .left,main .container .right{padding:0}.m-5{margin-top:2em}}