
.container{
    width: 770px;
    height: 250px;
    position: absolute;
}

.image{
    width: 250px;
    height: 250px;
    background-size: 200%; 
}

.image{
    width: 250px;
    height: 250px;
    background-size: 200%;
}

.image:hover{
    background-size: 200%;
}

.box1{
    width: 250px;
    border: 3px solid black;
    border-radius: 5%;
    border-style: dotted;
    position: relative;
}

.box2{
    width: 250px;
    border: 20px solid yellow;
    border-radius: 50%;
    position: relative;
    left: 260px;
    bottom: 250px;  
}

.box3{
    width: 250px;
    border: 10px solid red;
    border-style: double;
    position: relative;
    left: 560px;
    bottom: 550px; 
}