#container {
  background-color: pink;
  margin: 20px auto;   
  padding: 10px;      
  width: 480px;       
  
  height: auto;        
  display: flow-root;  
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.square, .circle {
    width: 100px;
    height: 100px;
    float: left;     
    margin: 10px;     
    transition: 0.3s; 
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1); 
    border-radius: 8px; 
}

.circle {
    border-radius: 50%; 
}

.block-red {
    background-color: red;
}

.block-yellow {
    background-color: yellow;
}

.block-wood {
    background-image: url('https://images.pexels.com/photos/172276/pexels-photo-172276.jpeg');
    background-size: cover; 
    background-position: center;
}

.square:hover, .circle:hover {
    transform: scale(1.1) rotate(5deg); 
    box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; 
    cursor: pointer;
}

#container div:nth-child(3) {
    margin-top: 0px;
}
#container div:nth-child(5) {
    width: 120px;
    height: 120px;
}