.links{
    background-image: url(images/pink.JPG);
    background-size:contain;
    background-color: white;
    width: 500px;
    height:500px;
    border: 20px solid transparent;
    border-image: url('images/whitelace.png') 34 round;
    background-clip: padding-box;
}
.link-img1{
    width: 65%;
    position: relative;
    top: 100px;
    cursor: pointer;
}
.link-img2{
    width: 65%;
    position: relative;
    top: 150px;
    cursor: pointer;
}
.link-img3{
   width: 65%;
    position: relative;
    top: 200px;
    cursor: pointer;
}
.link-img4{
   width: 65%;
    position: relative;
    top: 340px;
    cursor: pointer;
}
body{
    background-color: black;
}
.link-img1:hover{
    transform: scale(1.05);
}
.link-img2:hover{
    transform: scale(1.05);
}
.link-img3:hover{
    transform: scale(1.05);
}
.link-img4:hover{
    transform: scale(1.05);
}
@media screen and (max-width: 900px) {
  .links{
    width: 400px;
    height: 550px;
  }
}