.richcomponentlist .component{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2.5rem;border-bottom:2px solid #fff;padding:2.5rem 0}.richcomponentlist .component:last-child{border-bottom:none}.richcomponentlist .image-wrapper{background:#000;height:0;overflow:hidden;position:relative}.richcomponentlist .image-wrapper img{height:100%;left:0;object-fit:cover;opacity:.8;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.richcomponentlist .image-wrapper svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.richcomponentlist .image-wrapper svg circle{opacity:.65;transition:opacity .3s ease-in-out}.richcomponentlist .image-wrapper:hover img,.richcomponentlist .image-wrapper:hover svg circle{opacity:1}@media (max-width:768px){.richcomponentlist .component{grid-template-columns:1fr}.richcomponentlist .image-wrapper,.richcomponentlist .text{grid-column:span 1!important;order:0!important}}