.lg-react-element{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,auto));gap:10px;padding:20px;margin-left:auto;margin-right:auto}@media screen and (min-width:650px){.lg-react-element{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,auto));grid-auto-flow:dense;justify-content:center;padding:40px;margin-left:auto;margin-right:auto}}.lg-react-element a{overflow:hidden;position:relative;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:200px}.lg-react-element a img{display:block;width:100%;height:100%;max-height:250px;object-fit:cover;background-color:#333;transition:transform 1s ease,opacity .3s ease;background-color:black}.lg-react-element a:hover img{transform:scale(1.1);opacity:.4}.image-title{opacity:0;transition:opacity .3s ease}.lg-react-element a:hover .image-title{opacity:1}@media screen and (min-width:350px){.lg-react-element .xd{grid-column:span 2}}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:rgba(0,0,0,.7);opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap;animation:fade 2s forwards}@keyframes fade{0%{opacity:0}80%{opacity:0}to{opacity:1}}