object-wrap

object wrap

object-wrap

@desktop
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);

object-16x5

@desktop
position: relative;
overflow: hidden;
padding-top: 31.25%;

object-21x9

@desktop
position: relative;
overflow: hidden;
padding-top: 42.8571%;

object-2x1

@desktop
position: relative;
overflow: hidden;
padding-top: 50%;

object-16x9

@desktop
position: relative;
overflow: hidden;
padding-top: 56.25%;

object-4x3

@desktop
position: relative;
overflow: hidden;
padding-top: 75%;

object-1x1

@desktop
position: relative;
overflow: hidden;
padding-top: 100%;