body {
    font-family: 'Comic Sans MS', 'Comic Sans', cursive, bold;
    text-align: center;
    padding: 100px;
    background-image: url('background1.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: fixed;
    height: 78vh; 
    margin: 0;
}

h1 {
    color: #ffffff;
    text-align: center;
}

p {
    color: #fce8e8;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
  background: #f0f0f000;
}

.scroll-track {
  display: inline-flex;
  animation: scroll-left 12s linear infinite;
}

.scroll-track h1 {
  margin: 0 2rem;
  font-size: 2rem;
}

@keyframes scroll-left {
  0% {
    transform: translateX(120%);
  }
  100% {

    transform: translateX(-120%);
  }
}

.container {
  position: absolute;
  width: 100%;
  top: 600px;
  left: 600px;
  overflow: hidden;
}

#funnyimage:hover {
  color: white;
  cursor: pointer;
    width: 496px;
    height: 240px;
}

.container2 {
  position: absolute;
  width: 100%;
  top: 260px;
  right: 700px;
  overflow: hidden;
}

#funnyimage2:hover {
  color: rgb(233, 120, 120);
  cursor: pointer;
    width: 320px;
}

.container3 {
  position: absolute;
  width: 100%;
  top: 420px;
  right: 700px;
  overflow: hidden;
}

#funnyimage3:hover {
  color: rgb(236, 120, 120);
  cursor: pointer;
    width: 320px;
}

.container4 {
  position: absolute;
  width: 100%;
  top: 580px;
  right: 700px;
  overflow: hidden;
}

#funnyimage4:hover {
  color: rgb(236, 120, 120);
  cursor: pointer;
    width: 320px;
}


.container5 {
  position: absolute;
  width: 100%;
  top: 720px;
  right: 700px;
  overflow: hidden;
}

#funnyimage5:hover {
  color: rgb(236, 120, 120);
  cursor: pointer;
    width: 320px;
}