/* transitions */
a {
    color:red;
    background-color: 
}
a:hover {
    color: yellow;
}
a:link {
    transition: color 0.5s;
}

p:hover {
    color: red;
}
p {
 transition: color 0.5s;
}

img{
    width: 600px;
}
img:hover{
    opacity: 100%;
}
.image-container {
    position: relative;
    width: 300px;
    margin: 20px;
}

.image-1 {
    display: block;
    height: auto;
    position: absolute;
    z-index: 1;
    transition: opacity 0.5s;
}
.image-1:hover{
    opacity: 0%;
    
}

.image-2{
    position: absolute;
    opacity: 20%;
}