Верстаю с помощью бутстрап 4 не большой сайт, хочу поставить свое фото, но оно отображается горизонтально, хотя на компьютере стоит вертикально, пытаюсь сделать фото вертикально с поощью свойства transform: rotate(90deg), но фото тогда вылазит из блока.
вот код: (помогите решить)
<div class="row">
<div class="col-6">
<img src="img/photo-18.jpg" alt="">
</div>
<div class="col-6"></div>
</div>
.container {
background-color: #fff;
}
.header {
min-height: 100vh;
}
.header .container {
min-height: 100vh;
}
.header strong {
display: inline-block;
text-align: center;
}
.col-6 img {
width: 100%;
transform: rotate(90deg);
}