:root{--3ImageAnimationTime:3s}.imageListAnimationContainer{display:flex;flex-direction:column;align-items:center}.imageListAnimation{width:fit-content}.imageListAnimation .layerContainer{position:relative}.imageListAnimation .imageListItem{padding:10px}.imageListAnimation .imageListItemImage{width:fit-content;height:var(--flashImageContainer-height);display:flex;align-items:center;justify-content:center;overflow:hidden}.imageListAnimation .layer1{position:absolute;top:0;left:0;border:var(--flashImage-black-border);z-index:999;animation:animationfade1 var(--3ImageAnimationTime) infinite}.imageListAnimation .layer2{border:var(--flashImage-white-border);position:absolute;top:0;left:0;z-index:998;animation:animationfade2 var(--3ImageAnimationTime) infinite}.imageListAnimation .layer3{border:var(--flashImage-black-border);z-index:997}@keyframes animationfade1{0%{opacity:1}3%{opacity:1}6%{opacity:1}9%{opacity:1}12%{opacity:1}15%{opacity:1}18%{opacity:1}21%{opacity:1}24%{opacity:1}27%{opacity:1}30%{opacity:1}33%{opacity:1}36%{opacity:0}39%{opacity:0}42%{opacity:0}45%{opacity:0}48%{opacity:0}51%{opacity:0}54%{opacity:0}57%{opacity:0}60%{opacity:0}63%{opacity:0}66%{opacity:0}69%{opacity:0}72%{opacity:0}75%{opacity:0}78%{opacity:0}81%{opacity:0}84%{opacity:0}87%{opacity:0}90%{opacity:0}93%{opacity:0}96%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes animationfade2{0%{opacity:1}3%{opacity:1}6%{opacity:1}9%{opacity:1}12%{opacity:1}15%{opacity:1}18%{opacity:1}21%{opacity:1}24%{opacity:1}27%{opacity:1}30%{opacity:1}33%{opacity:1}36%{opacity:1}39%{opacity:1}42%{opacity:1}45%{opacity:1}48%{opacity:1}51%{opacity:1}54%{opacity:1}57%{opacity:1}60%{opacity:1}63%{opacity:1}66%{opacity:1}69%{opacity:0}72%{opacity:0}75%{opacity:0}78%{opacity:0}81%{opacity:0}84%{opacity:0}87%{opacity:0}90%{opacity:0}93%{opacity:0}96%{opacity:0}99%{opacity:0}to{opacity:1}}.imageListAnimation .imageListItemImage{width:var(--mediumDevice-flashImage-width);height:var(--mediumDevice-flashImage-height);object-fit:fill;border:0}@media (max-width:800px){.imageListAnimation .imageListItemImage{width:var(--mediumDevice-flashImage-width);height:var(--mediumDevice-flashImage-height)}}@media (max-width:600px){.imageListAnimation .imageListItemImage{width:var(--smallDevice-flashImage-width);height:var(--smallDevice-flashImage-height)}}@media (max-width:479px){.imageListAnimation .imageListItemImage{width:var(--smallDevice-flashImage-width);height:var(--smallDevice-flashImage-height)}.imageListAnimation .imageListItem{padding:5px}}@media (max-width:400px){.imageListAnimation .imageListItemImage{width:100%;height:auto}.imageListAnimation .cardcontainer .imageListItem{height:max-content}}