body, html {
  height: 100%;
  margin: 0;
  color: white;
}

.bg {
  /* The image used */
  background-image: url("https://file.garden/ZiHs_JWrb1itX2jD/Zafara-Stamp-Collection.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main { 
	padding: 10px;
	border-style: ridge;
	border-color: #57D994;
	border-width: 10px;
	border-radius: 10px;
	background-color: #1B2854;
	margin-bottom: 50px;
	overflow: hidden;
}

.flex-container{
	display: flex;
	flex-direction: column;
	padding: 100px;   
}

.marquee {
  display: flex;
  width: auto;
  white-space: nowrap;
  box-sizing: border-box;
  width: 100%;
  animation: marquee 10s linear infinite;
  display: inline-block;
  padding-left: 10px;
}

.marquee:hover {
	 animation-play-state: paused;   
}

@keyframes marquee {
  0% {
    transform: translateX(110%);
  }
  100% { 
    transform: translateX(-25%);
  }
 <!-- -350% {
    transform: translateX(0%);
  }
  -->
}