.spin{display:block;width:40px;height:40px;margin:30px auto;border:3px solid transparent;border-radius:50%;border-top-color:#740a0a;border-bottom-color:#740a0a;border-left-color:none;border-right-color:#740a0a;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.products-container{height:90vh;width:100vw;overflow-y:hidden}.products-container .flex-container{height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;padding:5% 10%}.products-container .dynamic-flex-children{list-style-type:none;flex-basis:25%;position:relative}.products-container .dynamic-flex-children .can-image{width:50%;cursor:pointer}.products-container .dynamic-flex-children p{font-size:.8rem}.products-container .dynamic-flex-children .can-small-size{position:absolute;width:30%;left:50%;margin-left:-15%;top:50%;margin-top:-20%;z-index:-1;transition:transform .5s ease-in-out}.hover-on-me:hover~.can-small-size,.products-container .can-image:hover~.can-small-size{transform:translate(80px,-30px)}.products-container .alternate{transform:translateY(200px)}@media (max-width:768px){.products-container{overflow-y:auto}.products-container .dynamic-flex-children{flex-basis:50%}.products-container .dynamic-flex-children:nth-child(2n){border-left:1px solid green}.products-container .dynamic-flex-children .can-image{width:100%}.products-container .dynamic-flex-children p{font-size:1rem}.products-container .dynamic-flex-children .can-small-size{display:none}}@media (max-width:576px){.products-container{overflow-y:auto}.products-container .dynamic-flex-children{flex-basis:100%;border-bottom:1px solid green}.products-container .dynamic-flex-children:nth-child(2n){border-left:none}.products-container .dynamic-flex-children .can-image{width:70%}.products-container .dynamic-flex-children p{font-size:1rem}.products-container .dynamic-flex-children .can-small-size{display:none}}