.sq{aspect-ratio: 4/3;
background-position: center;
background-size: cover;
  position: relative;

}
.tit{

  display:inline-block;
  position: absolute; bottom:2em;
  left: 15%;
  width:65%;
  color:#62330f;
}
.tit.t2{

  color:#15447a;
}
.tit span{
  background-color: RGBA(255,255,255,.6); font-weight: bold; display:inline-block;padding:0 0.2em;

}
.sq img{position:absolute;right:.5em;top:.2em;opacity: .6;width:100px;height:auto;}
.tit span:nth-last-child(-n + 2) {
color:white;
  background-color:#62330f;
}
.tit.t6 span:nth-child(2),.tit.t6 span:nth-child(1) {
  color:white;
  background-color:#15447a;

}
.tit.t2 span:nth-last-child(-n + 2) {
  color:white;
  background-color:#15447a;
}
canvas {
    background-color:rgb(210 208 197 / 100%);;

    animation: gradient-animation 4s ease ;
  }

  @keyframes gradient-animation {
    0% {
      background-color: rgb(210 208 197 / 0%);
    }

    100% {
      background-color: rgb(210 208 197 / 100%);
    }
  }