При наведении на блок с пунктом меню и картинкой, должна появиться рамка

span{
  background: #D98AE3;
  font-size: 28px ;
  text-align:  center;
color: grey;
border: 1px solid #000;
display: block;
width: 200px;
height: 50px;
  }
 
span.span2{
  left: 205px;
      bottom: 156px;
       position: relative; 
 
      }
      
      span.span3{
      left: 410px;
      bottom: 302px;
       position: relative; 
       }
 
          span.span4{
      left: 615px;
      bottom: 448px;
       position: relative; 
       }
       
      span.span5{
      left: 820px;
      bottom: 594px;
       position: relative; 
       }
       
       img.bmw{
       background:  url(bad-bmw.png);
    left: 30px;
       bottom: 0px;
       position: relative; 
       }
       
          img.bmw1{
       background:  url(bmw-43.png);
    left: 220px;
       bottom: 155px;
       position: relative; 
       }
       
             img.bmw2{
       background:  url(bmw-43.png);
    left: 420px;
       bottom: 300px;
       position: relative; 
       }
       
              img.bmw3{
       background:  url(bmw-43.png);
    left: 630px;
       bottom: 440px;
       position: relative; 
       }
       
           img.bmw4{
       background:  url(bmw-43.png);
    left: 838px;
       bottom: 599px;
       position: relative; 
       }
       
       span:hover{
       background: #F3F7C6;
        border: 1px solid #fff;
     display: block;
      border-radius: 20px; 
      }