<div class="square">
</div>
.square {
width: 15%;
background-color: blue;
/* background-img: url(ここに画像ファイルのパスを入れると背景が画像になります。); */
object-fit: cover;
object-position: 54% 50%;
}
.square::before {
content: "";
display: block;
padding-top: 100%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.