body{animation-duration: 0.00001s;}

@media only screen and                         (max-width: 576px ) { body { animation-name: XS;  } }
@media only screen and (min-width: 576px ) and (max-width: 768px ) { body { animation-name: SM;  } }
@media only screen and (min-width: 768px ) and (max-width: 992px ) { body { animation-name: MD;  } }
@media only screen and (min-width: 992px ) and (max-width: 1200px) { body { animation-name: LG;  } }
@media only screen and (min-width: 1200px) and (max-width: 1400px) { body { animation-name: XL;  } }
@media only screen and (min-width: 1400px)                         { body { animation-name: XXL; } }
@keyframes XS  { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes SM  { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes MD  { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes LG  { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes XL  { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes XXL { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }

/*

@media only screen and (min-width: 576.00px) { body { animation-name: XS2SM; } }
@media only screen and (max-width: 575.98px) { body { animation-name: SM2XS; } }
@media only screen and (min-width: 768.00px) { body { animation-name: SM2MD; } }
@media only screen and (max-width: 767.98px) { body { animation-name: MD2SM; } }
@media only screen and (min-width: 992.00px) { body { animation-name: MD2LG; } }
@media only screen and (max-width: 991.98px) { body { animation-name: LG2MD; } }

@keyframes XS2SM { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes SM2XS { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes SM2MD { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes MD2SM { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes MD2LG { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
@keyframes LG2MD { from { clip: rect(1px, auto, auto, auto); } to { clip: rect(0px, auto, auto, auto); } }
*/