I Want to set position of Text and Image based on position selected by radio button provided in the content type

Question

The content type has 4 fields - Title, Body, Image, Position Radio Button (Top, Left, Right)
Based on the selection of the position image should be placed at the respective position with the title and body
E.g. if the left is selected - > image should be on the left and the title and body should be on the right side

Is it possible to create a template override for the content type as shown in the below code snippet

{{ % if content.field_position.0 == left % }}
<div class="container">
    <div class="col-sm-6">{{ field_image }}</div>
    <div class="col-sm-6">
        <div class="col-sm-12">{{ title }}</div>
        <div class="col-sm-12">{{ body }}</div>
    </div>
</div>
{{ % endif % }}