CSS spørgsmål - shaddow/border-radius

Æh... jeg tror vi er nødt til at se det. Jeg kan i hvert fald ikke helt visualisere det. Og normalt kræver border-radius ikke overflow.

Hej

Her simpelt illusteret :)

.container{
    overflow: hidden;
}
borderRadius10 {
    border-radius: 10px;
}
.shaddow5{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.imageCenter {
    position: relative;
    overflow: hidden;
}
.imageCenter img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

Classes med borderRadius og shaddow skal kunne sættes på et element - det yderste

<div class="container borderRadius10 shaddow5">
  <div class="imageCenter">
      <img src="billede.jpg">
  </div>
  <div>
      Tekst variabelt antal tekstbokse
  </div>
  <div>
      Tekst variabelt antal tekstbokse
  </div>
</div>

Hvis du bare husker at skrive punktum før borderRadius10, da det er en klasse, så virker det så vidt jeg kan se.

Ups - det var en smutter
Jeg kan se det var boksen under jeg ikke kunne sætte det på - som i eksemplet herunder

Hvis jeg fjerner overflow: hidden; så kan jeg, men den skal være der da den bruges til nogle andre ting

*{
    box-sizing: border-box;
}

.container{
        overflow: hidden;
        position: relative;
        z-index: 0;
        max-width: 30%;
}
.borderRadius10 {
        border-radius: 10px;
}
.shaddow5{
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.imageCenter {
        position: relative;
        overflow: hidden;
        height: 200px;
}
.imageCenter img {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
}
.box{
    background-color: #C2EFC4;
    padding: 20px;
}


<div class="container">
    <div class="imageCenter">
        <img src="billede.jpg">
    </div>
    <div class="box borderRadius10 shaddow5">
        Tekst variabelt antal tekstbokse
    </div>
</div>