.triangle-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #555;
	border-bottom: 25px solid transparent;
}
.triangle-left {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid #555;
	border-bottom: 25px solid transparent;
}
.content {
  position: absolute;
  left: 50%;
  top: 50%;
  border-style:solid;
  z-index:1000;
  padding:5px;
  border-radius:10px;
  background-image: url('https://geocities.ws/e-paper/images/b1.jpg');
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image-container img {
    width: 245px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

#includeHtml {
    width: 100px;
	text-align:center;
	padding:10px;
    background: skyblue;
	left:50%;
	border-style: solid;
	border-radius:20%;
    position: absolute;
    animation: moveDown 3s linear infinite;
  }

  @keyframes moveDown {
    0%   { top: 0px; }
    100% { top: calc(100vh - 100px); }
  }


.fade-image-container img {
    width: 245px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.fade-in {
    opacity: 1;
}