Problème d'alignement image et texte

Bonjour, je me lance dans un petit site. Sur la page d’accueil je me suis fais des rectangle avec du texte et un image à l'intérieur. J'aimerais mettre le texte à gauche et l'image à droite, avec le texte et l'image à la même hauteur pour ne pas faire un rectangle trop gros.
Voici le code :
HTML :
<section class="Case1">
<br><br><br>
<a class="police2" href="Présentation.html">Présentation</a>
<p class="police1" > Voici une courte présentation de mon site </p>
<img src="roy_mustang.JPG" height="400" width="340" alt="Roy Mustang" />
<br><br>
</section>

CSS:
.Case1{
float: right;
margin-top:5%;
width: 50%;
height: 65%;
padding: 50px;
border: 1px solid black;
text-align: left;
background-image : linear-gradient(to left, white , #F7BE81);
}
.police1{
font-family: Arial;
font-size: 20px;

}
.police2{
font-weight: bold;
color: #2F0B3A;
margin-left:8%;
font-size:200%;
}
img {
float: right;
}

Merci d’avance pour votre aide