<div class="card">
<img class="card__image" src="https://gamer-mods.ru/avatar/08/92/43134245.png">
<div class="card__content">
<div class="card__title">DIK ADALIN</div>
<div class="card__status">Engineering</div>
</div>
</div>
<style>
body {
/* Для видимости белой рамки */
background: lightgreen;
}
.card {
box-sizing: border-box;
border: 1px solid #fff;
text-align: center;
/* Ваша ширина */
width: 150px;
}
.card .card__image {
line-height: 0;
width: 100%;
}
.card .card__content {
padding: 20px 0;
}
</style>
<div class="side">
<div class="side--A">
<img src="assets/images/feature/feature-1.png" alt="feature1">
<h3>Easily Customised</h3>
<p>Текс вырезан тк очень большой</p>
</div>
</div>
<style>
.side {
margin: 0 auto;
max-width: 1170px;
max-height: 550px;
}
.side--A {
width: 370px;
max-height: 200px;
}
.side p {
color: #0000ff;
}
</style>
new Swiper('.swiper-container', {
loop: true,
centeredSlides: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});