img
{
border: 1px solid violet;
  border-radius: 20px;
  border-width: 5px;
  width: 300px;
}
 .even-edit
 {
   filter: grayscale(100%);
   max-width: 100%;
   height: auto;
 }

 .trappe-edit
 {
  filter: hue-rotate(90deg);
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

 .sbilde-edit
 {
  filter: drop-shadow(8px 8px 10px gray);
  display: block;
  width: 310px;
  height: auto;
  
 }

 .container
 {
  position: relative;
  width: 50%;

  border-width: 5px;
  width: fit-content;
 }
 .container:hover .overlay {
  bottom: 0;
  height: 100%;
}
 .overlay

 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
 }

 .text 
 {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
}