.image-clip{
position: relative;
}
.image-clip img {
display: block;
width: 100%;
height: auto;
min-height: 510px;
object-fit: cover;
pointer-events: none;
user-select: none;
}
.image-clip-vertical .img-wrapper{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
z-index: 1;
}
.image-clip-vertical .img-wrapper img{
position: absolute;
bottom: 0;
left: 0;
height: 100%;
object-position: bottom;
}
.image-clip-horizontal > div{
height: 100%;
}
.image-clip-horizontal img{
height: 100%;
}
.image-clip-horizontal .img-wrapper{
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0;
overflow: hidden;
z-index: 1;
}
.image-clip-horizontal .img-wrapper img{
position: absolute;
top: 0;
right: 0;
width: 100%;
object-position: right;
}