body {
    background-color: transparent;
}
.styl512       {height:40%;Max-Height:256px;opacity : 0.3;}
.styl512:hover {opacity : 1;}

.styl256       {height:20%;Max-Height:128px;opacity : 0.3;}
.styl256:hover {opacity : 1;}

.styl128       {height:10%;Max-Height:64px;opacity : 0.3;}
.styl128:hover {opacity : 1;}

.styl64       {height:5%;Max-Height:32px;opacity : 0.3;}
.styl64:hover {opacity : 1;}

.styl32       {height:5%;Max-Height:16px;Max-Width:256px;opacity : 0.3;}
.styl32:hover {opacity : 1;}

.styl16       {height:5%;Max-Height:16px;Max-Width:256px;opacity : 0.3;}
.styl16:hover {opacity : 1;}

img { 
  box-shadow: 0 0  2px 2px rgba(140, 0, 255, 0.5
  );
    border-radius: 12px;
    transition: 0.5s;
}
img:hover {
    box-shadow: 0 0 5px 2px rgba(140, 0, 255, 1);
}