transition не работает

section { 
    transition-property: all; 
    transition-timing-function: ease; 
    transition-duration: 2s; 
    display: none; 
} 
input { 
  display: none; 
} 
label { 
    display: block; 
    width: 50px; 
    height: 50px; 
    padding: 2px; 
    margin: 2px; 
    background-color: #1a1a1a; 
} 
label img { 
    position: relative; 
    width: 50px; 
    height: 50px; 
    filter: grayscale(0.9); 
    } 
label img:hover { 
    filter: grayscale(0); 
    } 
label:hover { 
    color: #888; 
    cursor: pointer; 
} 
input:checked + label img{ 
  filter: grayscale(0); 
} 
#tab1:checked ~ #content1, 
#tab2:checked ~ #content2, 
#tab3:checked ~ #content3, 
#tab4:checked ~ #content4 { 
    transition-property: all; 
    transition-timing-function: ease; 
    transition-duration: 2s; 
    position: relative; 
    display: flex; 
    justify-content: center; 
    width: 100%; 
    background: blue; 
    transition: top 1s ease-out 0.5s; 
}

<div class="preutx"> 
<input id="tab1" type="radio" name="tabs" checked> 
<label for="tab1"><img src="img/heroes/Ringo/double-down.png"></label> 
<input id="tab2" type="radio" name="tabs"> 
<label for="tab2"><img src="img/heroes/Ringo/achilles-shot.png"></label> 
<input id="tab3" type="radio" name="tabs"> 
<label for="tab3"><img src="img/heroes/Ringo/twirling-silver.png"></label> 
<input id="tab4" type="radio" name="tabs"> 
<label for="tab4"><img src="img/heroes/Ringo/hellfire-brew.png"></label> 
 
<!-- Content --> 
<section id="content1"> 
    <p> 
      Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. 
    </p> 
    <p> 
      Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. 
    </p> 
  </section> 
  <section id="content2"> 
    <p> 
     yjeytjetyj rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. 
    </p> 
    <p> 
      Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare riyjtyjtyejy Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. 
    </p> 
  </section>   </div>