body {
    background-image: url(topimg.png);     /* 背景画像指定 */
    background-repeat: repeat-x;              /* 背景の繰り返し設定 */
    background-position: right center;          /* 背景の位置指定 */
}

.all {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  width: 500px;/*幅*/
  height: 500px;/*高さ*/
  border-radius: 50%;/*角丸*/
  font-family: arial;
  font-size: 20px;
  border: 3px dotted #ffa84a;
  background: rgba(244,252,130,0.7)
}

p.m {
  /* 水平方向の中央揃え */
  text-align: center;
}

p.top {
  margin-top: 80px;
  margin-bottom: 30px;
  /* 水平方向の中央揃え */
  text-align: center;
}

.shadow {
  filter: drop-shadow(5px 5px 5px #aaa);
}

.m img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.m:hover img {
  transform: scale(1.1); /* 拡大 */
}