.information-with-images-front-back{padding-top:120px;background-color:var(--background-color)}.information-with-images-front-back .left,.information-with-images-front-back .right{height:100%;display:flex;align-items:center;justify-content:center}.information-with-images-front-back .right .circle{width:150px;height:150px;background:var(--primary-color);border-radius:50%;position:absolute}.information-with-images-front-back .right .graphics{width:500px;height:500px;position:relative}.information-with-images-front-back .right .graphics .image-container{background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}.information-with-images-front-back .right .graphics .image-container.front{aspect-ratio:1;--o:calc(50%*tan(-22.5deg));-webkit-clip-path:polygon(var(--o) 50%,50% var(--o),calc(100% - var(--o)) 50%,50% calc(100% - var(--o)));clip-path:polygon(var(--o) 50%,50% var(--o),calc(100% - var(--o)) 50%,50% calc(100% - var(--o)));z-index:2}.information-with-images-front-back .right .graphics .image-container.back{width:250px;height:250px;border-radius:10px;position:absolute;top:-40px;right:-60px;z-index:1}.information-with-images-front-back .right .graphics .image-container.front .actions{position:absolute;top:80px;right:100px}.information-with-images-front-back .right .graphics .image-container.back .actions{position:absolute;top:20px;right:20px}@media (max-width:1200px){.information-with-images-front-back .right .graphics{width:400px;height:400px}}@media (max-width:1024px){.information-with-images-front-back .right .graphics .image-container.back{right:-60px}}@media (max-width:992px){.information-with-images-front-back{text-align:center}.information-with-images-front-back .right{margin-top:50px}.information-with-images-front-back .right .graphics{width:500px;height:auto}}@media (max-width:762px){.information-with-images-front-back .right .graphics{width:450px}.information-with-images-front-back .right .graphics .image-container.back{top:-60px;right:-20px}}@media (max-width:520px){.information-with-images-front-back .right .graphics{width:350px}.information-with-images-front-back .right .graphics .image-container.back{width:200px;height:200px}}@media (max-width:420px){.information-with-images-front-back .right .circle{width:100px;height:100px}.information-with-images-front-back .right .graphics{width:300px}.information-with-images-front-back .right .graphics .image-container.back{width:150px;height:150px;top:-40px;right:-20px}}@media (max-width:360px){.information-with-images-front-back .right{margin-top:40px}.information-with-images-front-back .right .graphics{width:250px}.information-with-images-front-back .right .graphics .image-container.back{width:150px;height:150px;top:-40px;right:-20px}}