.logo-container {
  transform: scale(0.2) translateY(-600px);
  width: 460px;
  height: 560px;
  position: absolute;
  mix-blend-mode: screen;
}

.logo-container #gif {
  height: 560px;
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 3;
}

.logo-container #logo {
  background: black;
  width: 460px;
  height: 560px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  filter: blur(16px) contrast(52) saturate(0.42) brightness(1.82) hue-rotate(11deg);
}
.logo-container #logo .el1,
.logo-container #logo .el2,
.logo-container #logo .el3,
.logo-container #logo .el4,
.logo-container #logo .el5 {
  width: 120px;
  height: 120px;
  position: absolute;
  background: white;
  border-radius: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.logo-container #logo .el3 {
  width: 115px;
}

.logo-container #logo .el2 {
  height: 117px;
}

.logo-container #logo .el4 {
  height: 115px;
}

.logo-container #logo .con1,
.logo-container #logo .con2,
.logo-container #logo .con3 {
  position: absolute;
  width: 70px;
  height: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: white;
}

.logo-container #logo .el1,
.logo-container #logo .el2,
.logo-container #logo .con1 {
  background-color: #F84536;
}

.logo-container #logo .el2 {
  transform: translate(0px, -206px);
  width: 175px;
}

.logo-container #logo .con1 {
  transform: rotate(45deg) translate(-42px, -164px);
}

.logo-container #logo .con2 {
  height: 24px;
}
.logo-container #logo .con3 {
  height: 24px;
}
.logo-container #logo .con2 {
  transform: rotate(45deg) translate(42px, 162px);
}
.logo-container #logo .con3 {
  transform: rotate(-45deg) translate(-42px, 162px);
}
.logo-container video {
  mix-blend-mode: screen;
}
.logo-container #overlayLogo {
  width: 863px;
  height: 519px;
  z-index: 10;
  top: 19px;
  left: -202px;
  position: absolute;
}
.logo-container #LogoName {
  opacity: 1;
  position: absolute;
  top: -400px;
  bottom: 0;
  left: -10px;
  right: 0;
  margin: auto;
  z-index: -1;
  width: 264px;
}
.logo-container .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid gray;
  z-index: 3;
  background: black;
}