img tag css

by alpac

HTML

<div class="b-slide">
    <img src="https://image.freepik.com/free-vector/blurred-nature-background-with-retro-badge_23-2147508445.jpg" alt="">
</div>

CSS

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.b-slide {
    width: 320px;
    height: 200px;
    overflow: hidden;
}

.b-slide > img {
    position: relative;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}