.font {
  position: relative;
height: 80%;           /* 跟父元素一樣高 */
  aspect-ratio: 1 / 1;
}

/* .lym {
  position: relative;
  height: 100%;      
  aspect-ratio: 1 / 1;
} */

.layer {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* .layer.animate {
  animation: fadeIn 0.1s forwards;
} */

.image1 {background-image: url(/assets/test/image1-955f2056b3442bd5df42f8f06b64c44737315ddb28744fc39f4ff8afc4c82098.png);animation-delay: 0s;}
.image2 {background-image: url(/assets/test/image2-f57bc86fc5eaf1f41525692bef862080524af30cbde5d4b50602560e2971606b.png);animation-delay: 0.1s;}
.image3 {background-image: url(/assets/test/image3-dcc001a656fa79ffa7c7eda7f3400e01b363ded8dceb1709affb230d4e93ab0f.png);animation-delay: 0.2s;}
.image4 {background-image: url(/assets/test/image4-94896988d8868848b1d5e134356616f778e9376cb58dc369cb11214883474f8f.png);animation-delay: 0.3s;}
.image5 {background-image: url(/assets/test/image5-12c47a28c53c9b45ca78915429d34df2fd8bd755dc28286265baa1d427335d61.png);animation-delay: 0.4s;}
.image6 {background-image: url(/assets/test/image6-62c17df5eca7b92393bba0f8fdd022a6f740d375a09529af6e0608db575d0723.png);animation-delay: 0.5s;}
.image7 {background-image: url(/assets/test/image7-66add24a3e2f7293710106131be91cd2582ab522cc7939161fa1f75915199516.png);animation-delay: 0.6s;}
.image8 {background-image: url(/assets/test/image8-83bd21aee444bf25a3bc1e34bf18d191f2e82474601ebce13774a7388b032a22.png);animation-delay: 0.7s;}
.image9 {background-image: url(/assets/test/image9-ad135e936076b3a0958c9b6d868d4df203b1181265e66cd2e1a840056b6415b4.png);animation-delay: 0.8s;}
.image10 {background-image: url(/assets/test/image10-febbc74ef1503638ff575777b407318262cc3188d9170390bdbd519d915b64f4.png);animation-delay: 0.9s;}
.image11 {background-image: url(/assets/test/image11-d44a582aadeecc4fd0e7e2516addf863a1f328008a1216dce83e82f75ddeceee.png);animation-delay: 1.1s;}
.image12 {background-image: url(/assets/test/image12-f47f763ea8c344a78d2eea271a25835f3b5ed6d972e80af8889262098e49c174.png);animation-delay: 1.2s;}
.image13 {background-image: url(/assets/test/image13-9219cad597839a3884a163dfce11e75532aa9681a4d8e5b25585f3a9ad447058.png);animation-delay: 1.3s;}
.image14 {background-image: url(/assets/test/image14-87d4af1de2b1620f4a0de84fdedd0eb461fe08437f5410f9affdec1be0823716.png);animation-delay: 1.4s;}
.image15 {background-image: url(/assets/test/image16-2e149d55896a667b15c54e4d65d17b4fbbf0a30acc276767e2142a1eecb86e07.png);animation-delay: 1.5s;}
.image16 {background-image: url(/assets/test/image15-bd71e5881185b4bf3957bca04a6cc087d38e0c1d325b71bc20060dd6a771202c.png);animation-delay: 1.7s;}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}