#rotating-item-wrapper {
    position: relative;
	width: 100%;
  	max-width: 1024px;   /* optional: keeps it from getting too big */
  	margin: 0 auto 10px auto;

  	aspect-ratio: 1024 / 400; /* maintains your original ratio */
  	overflow: hidden;
}

.rotating-item {
    position: absolute;
	top: 0;
 	left: 0;

  	width: 100%;
	height: 100%;

	object-fit: contain; /* fills nicely, may crop slightly */
	background: #000;
	display: none;
}