Estou tentando fazer com que a imagem fique ao lado do conteúdo em aparelhos maior que large mas isso não ocorre:
Segue meu código:
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 mt-5 float-left">
<h2><em>COMO COMPRAR?</em></h2>
<p>
Você pode escolher os bolos e doces de nossa linha fixa, que possui mais de 20 sabores e decorações.
Clique acima na categoria "Produtos" para conferir as delícias que oferecemos.
Os pedidos devem ser feitos por telefone, com pelo menos 24 horas de antecedência, dependendo da ocasião (datas especiais e feriados).
</p>
<div class="col-xs-12 col-sm-12 mt-5 float-right">
<img class="" src="../assets/img/producaoartesanal.png" style="max-width:450px" alt="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 float-left">
<h2><em>LINHA PERSONALIZADA</em></h2>
<p>
Caso queira um bolo diferente ou personalizado para sua festa, entre em contato conosco com, no mínimo, uma semana de antecedência.
Desenhamos e montamos bolos e doces temáticos para todos os tipos de eventos, festas e feiras.Solicite orçamento.
</p>
</div>
<div class="col-xs-12 col-sm-12">
<img class="float-right" src="../assets/img/ingredientesveganos.png" style="max-width:450px" alt="">
</div>
</div>
col-xs-*
kkk