body{
    background-color: brown;
}

.pictures {
    position: relative;
    display: grid;
    grid-template-columns: 2;
    grid-template-rows: 2;
    grid-auto-flow: row;
    overflow: hidden;
}

@font-face {
  font-family: 'Daydream';
    src: url('../fonts/daydream.otf') format('opentype');
}

.text {
    color: #DED251;
    font-family: 'daydream';
    grid-column-start: 2;
    grid-row-start: 2;
    font-size: 25px;
    text-align: center;
    margin-top: -320px;
    margin-right: 95px;
    overflow: hidden;
}

#orchids {
    grid-column-start: 1;
}

#orchids_wet {
    display: none;
}

#can {
    height: 40%;
    grid-column-start: 2;
    order:3;
    margin-left: -100px;
}

#can:hover {
    rotate: -25deg;
}

#can:hover ~ #orchids {
    display: none;
}

#can:hover ~ #orchids_wet {
    display: block;
    order: 2
}