html, body {
	height: 100%;
}

body {
	align-items: center;
	background-color: black;
	display: flex;
	justify-content: center;
	margin: 0;
}


.placeholder {
	width: 100%;
}

.placeholder::after,
.placeholder::before {
	content: '';
	display: block;
}


.placeholder::before {
	animation: anim_logo1 3s ease-out 1s forwards;
	background: transparent url('images/IMG-DS-WEB24-logo.svg') center / contain no-repeat;
	height: 10vh;
	opacity: 0;
	position: absolute;
	width: 100%;
}

.placeholder::after {
	background: transparent url('images/IMG-DS-WEB24.gif') center / contain no-repeat;
	height: 80vh;
}


@keyframes anim_logo1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}