body {
 background-image: url("bgviclace.gif");
}

h1{
  font-family: Arial;
  text-align: center; 
}

h2{
  font-family: Arial;
  text-align: center; 
}

h3{
  font-family: times;
  text-align: center; 
  color: RGB(14, 102, 255);
  font-size: 100px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row */
  gap: 20px;
  padding: 20px;
}

.linktext img{
  display: block;
  margin: auto;
  width: 20%;
  height: 20%;
  }

.containter {
  position: relative;
  }


.img1 {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 12%;
}
.img1:hover {
  content: url("OPEN.png");
  }

.img2 {
  position: absolute;
  top: 80%;
  left: 50%;
  width: 12%;
}
.img2:hover {
  content: url("OPEN.png");
  }

.img3 {
  position: absolute;
  top: 30%;
  left: 90%;
  width: 12%;
  
}

.img3:hover {
  content: url("OPEN.png");
  }

.img4 {
  position: absolute;
  top: 35%;
  left: 35%;
  width: 12%;
}
.img4:hover {
  content: url("OPEN.png");
  }

.img5 {
  position: absolute;
  top: 20%;
  left: 17%;
  width: 12%;
}
.img5:hover {
  content: url("OPEN.png");
  }

.img6 {
  position: absolute;
  top: 75%;
  left: 20%;
  width: 12%;
}
.img6:hover {
  content: url("OPEN.png");
  }